/* 🎨 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;
}