/* 🎨 Global color palette - Turnofy Azul Profesional */
:root {
  /* Brand */
  --primary: #1E3A8A;        /* Azul oscuro (sidebar, encabezados) */
  --secondary: #3B82F6;      /* Azul brillante (botones, links, hover) */
  --highlight: #60A5FA;      /* Azul claro vibrante (acentos llamativos) */

  /* Base */
  --background-light: #F3F6FB; /* Fondo claro azulado */
  --text-main: #1E293B;        /* Texto principal oscuro gris-azulado */
  --text-secondary: #64748B;   /* Texto secundario */
  --button-light: #E2E8F0;     /* Botones claros */
  --border-detail: #CBD5E1;    /* Bordes */
  --white: #ffffff;
  --left-bg: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 50%, var(--highlight) 100%);

  /* Grays adaptados a azul */
  --gray-50: #f8fafc;
  --gray-100: #f1f5f9;
  --gray-150: #e2e8f0;
  --gray-200: #cbd5e1;
  --gray-250: #94a3b8;
  --gray-300: #cbd5e1;
  --gray-350: #94a3b8;
  --gray-400: #64748b;
  --gray-450: #475569;
  --gray-460: #334155;
  --gray-500: #1e293b;
  --gray-550: #0f172a;
  --gray-600: #1E3A8A;   /* Azul primario */
  --gray-light: #e6ebf5;
  --gray-cloud: #d0d7e8;

  /* Dark shades */
  --dark-bg: #3B82F6;       /* Fondo casi negro azulado */
  --dark-panel: #1E293B;    /* Panel oscuro */
  --dark-panel-alt: #111827;
  --dark-text: #E2E8F0;     /* Texto claro sobre oscuro */

  /* Accent variations */
  --blue-hover: #2563EB;    /* Hover azul fuerte */
  --blue-muted: #3B82F6;
  --blue-primary: #1E3A8A;
  --purple-light: #93C5FD;  /* Azul pastel */

  /* Extended dashboard palette */
  --purple-muted: #64748B;   /* Textos secundarios */
  --purple-bright: #60A5FA;  /* Acentos brillantes */
  --purple-pastel: #F3F6FB;  /* Fondos suaves */
  --purple-deep: #1E3A8A;    /* Botones destacados */
  --purple-lavender: #DBEAFE;/* Bloques informativos */
  --blue-light: #E0F2FE;     /* Inputs, tablas */

  /* Greens (para estados de éxito) */
  --green-success: #4ADE80;
  --green-accent: #22C55E;
  --green-accent-dark: #15803D;
  --green-whatsapp: #22C55E;
  --green-whatsapp-dark: #166534;
  --green-chat-bg: #e6f9f0;

  /* Reds (alertas/errores) */
  --red-main: #DC2626;
  --red-bright: #EF4444;
  --red-dark: #B91C1C;
  --red-mid: #F87171;
  --red-border: #DC2626;
  --red-deep: #B91C1C;
  --red-darker: #991B1B;
  --red-deeper: #7F1D1D;
  --red-light: #FEE2E2;
  --red-badge: #DC2626;

  /* Oranges & yellows (advertencias) */
  --orange-warning: #F97316;
  --orange-alert: #EA580C;
  --orange-alert-dark: #C2410C;
  --orange-alert-darker: #9A3412;
  --orange-alert-border: #F97316;
  --orange-strong: #FB923C;
  --yellow-light: #FEF9C3;
  --yellow-warning-bg: #FEF3C7;
  --warning-text: #78350F;

  /* Pastel backgrounds */
  --green-pale: #DCFCE7;
  --yellow-pale: #FEF9C3;
  --blue-pale: #EFF6FF;

  /* Misc */
  --blue-info: #0EA5E9;
  --cyan-info: #06B6D4;
  --chat-bg: #F8FAFC;
}

:root {
  --theme-overlay: radial-gradient(circle at top right, rgba(255,255,255,0.2), transparent 26%), radial-gradient(circle at bottom left, rgba(15,23,42,0.07), transparent 24%);
  --theme-pattern: radial-gradient(circle at 14% 22%, rgba(255,255,255,0.45) 0 7px, transparent 8px), radial-gradient(circle at 78% 24%, rgba(31,41,55,0.12) 0 10px, transparent 11px), linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0));
  --theme-art-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220'%3E%3Crect x='34' y='24' width='152' height='172' rx='36' fill='%23ffffff' fill-opacity='.85'/%3E%3Cpath d='M70 88h80M70 112h80M70 136h54' stroke='%231f2937' stroke-width='10' stroke-linecap='round'/%3E%3Ccircle cx='150' cy='142' r='30' fill='%23e5e7eb'/%3E%3Cpath d='M139 142h22M150 131v22' stroke='%231f2937' stroke-width='8' stroke-linecap='round'/%3E%3C/svg%3E");
  --theme-art-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220'%3E%3Ccircle cx='110' cy='110' r='82' fill='%23f3f4f6'/%3E%3Cpath d='M110 48c-20 0-36 16-36 36 0 36 36 64 36 64s36-28 36-64c0-20-16-36-36-36Z' fill='%231f2937'/%3E%3Cpath d='M96 84h28M110 70v28' stroke='%23f9fafb' stroke-width='8' stroke-linecap='round'/%3E%3Ccircle cx='110' cy='110' r='14' fill='%23f9fafb'/%3E%3C/svg%3E");
  --theme-art-opacity: .16;
  --theme-art-left-rotate: -7deg;
  --theme-art-right-rotate: 7deg;
}