/* 🎨 Global color palette - Turnofy Morado Moderno */
:root {
  /* Brand */
  --primary: #4B3C8E;        /* Morado profundo (sidebar, encabezados) */
  --secondary: #7A6FBF;      /* Morado medio/grisáceo */
  --highlight: #C89FEB;      /* Lavanda brillante (acentos llamativos) */

  /* Base */
  --background-light: #EAE6F7; /* Fondo lavanda muy claro */
  --text-main: #2E2A35;        /* Texto principal oscuro */
  --text-secondary: #6C6780;   /* Texto secundario gris violáceo */
  --button-light: #E0DAF2;     /* Botones claros */
  --border-detail: #B8AEDD;    /* Bordes suaves */
  --white: #ffffff;
  --left-bg: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 50%, var(--highlight) 100%);

  /* Grays adaptados a morado */
  --gray-50: #faf9fc;
  --gray-100: #f4f2f9;
  --gray-150: #edeaf5;
  --gray-200: #e3def0;
  --gray-250: #d8d1ea;
  --gray-300: #cfc7e3;
  --gray-350: #c2b8dd;
  --gray-400: #b0a3d3;
  --gray-450: #9b8ec3;
  --gray-460: #7a6fbf;   /* Morado medio */
  --gray-500: #66589e;
  --gray-550: #554783;
  --gray-600: #4B3C8E;   /* Morado oscuro */
  --gray-light: #e6e3f3;
  --gray-cloud: #d8d3eb;

  /* Dark shades */
  --dark-bg: #2B2538;       /* Fondo casi negro con tono púrpura */
  --dark-panel: #3A2F54;    /* Panel oscuro */
  --dark-panel-alt: #322947;
  --dark-text: #E0DAF2;     /* Texto claro sobre oscuro */

  /* Accent variations */
  --blue-hover: #7A6FBF;    /* Hover morado medio */
  --blue-muted: #6d649f;
  --blue-primary: #4B3C8E;
  --purple-light: #C89FEB;  /* Lavanda suave */

  /* Extended dashboard palette */
  --purple-muted: #8A7BAA;   /* Textos secundarios */
  --purple-bright: #C89FEB;  /* Acentos brillantes */
  --purple-pastel: #EAE6F7;  /* Fondos suaves */
  --purple-deep: #4B3C8E;    /* Botones destacados */
  --purple-lavender: #D9C9F2;/* Bloques informativos */
  --blue-light: #EDEAF8;     /* Inputs, tablas */

  /* Greens (mantengo para estados de éxito, pero más suaves) */
  --green-success: #9EE6C9;
  --green-accent: #59c4a8;
  --green-accent-dark: #379279;
  --green-whatsapp: #5bd1a3;
  --green-whatsapp-dark: #28755c;
  --green-chat-bg: #e6faf4;

  /* Reds (alertas/errores, contrastan con morado) */
  --red-main: #c94a6a;
  --red-bright: #e05c7a;
  --red-dark: #a63c55;
  --red-mid: #d95372;
  --red-border: #d43f61;
  --red-deep: #c93058;
  --red-darker: #c6284d;
  --red-deeper: #ac2946;
  --red-light: #f7d4da;
  --red-badge: #dc355c;

  /* Oranges & yellows (para advertencias) */
  --orange-warning: #FF8C44;
  --orange-alert: #e67e22;
  --orange-alert-dark: #cc6d1a;
  --orange-alert-darker: #a65514;
  --orange-alert-border: #e6862b;
  --orange-strong: #ff7518;
  --yellow-light: #fff9e6;
  --yellow-warning-bg: #fff4d1;
  --warning-text: #856404;

  /* Pastel backgrounds */
  --green-pale: #eafaf1;
  --yellow-pale: #fff6d6;
  --blue-pale: #efeafd;

  /* Misc */
  --blue-info: #7f93d6;
  --cyan-info: #5fa8d3;
  --chat-bg: #f6f4fb;
}

:root {
  --theme-overlay: radial-gradient(circle at top right, rgba(255,255,255,0.18), transparent 26%);
  --theme-pattern: linear-gradient(135deg, rgba(255,255,255,0.04), rgba(255,255,255,0));
  --theme-art-left: none;
  --theme-art-right: none;
  --theme-art-opacity: .12;
  --theme-art-left-rotate: -8deg;
  --theme-art-right-rotate: 8deg;
}