/* 🎨 Global color palette - Turnofy Gris Minimalista */
:root {
  /* Brand */
  --primary: #1F2937;        /* Gris carbón (sidebar, encabezados) */
  --secondary: #4B5563;      /* Gris medio elegante */
  --highlight: #9CA3AF;      /* Gris claro de acento */

  /* Base */
  --background-light: #F9FAFB; /* Fondo gris muy claro */
  --text-main: #111827;        /* Texto principal casi negro */
  --text-secondary: #6B7280;   /* Texto secundario */
  --button-light: #E5E7EB;     /* Botones claros */
  --border-detail: #D1D5DB;    /* Bordes */
  --white: #ffffff;
  --left-bg: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 50%, var(--highlight) 100%);

  /* Grays */
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-150: #e5e7eb;
  --gray-200: #d1d5db;
  --gray-250: #9ca3af;
  --gray-300: #6b7280;
  --gray-350: #4b5563;
  --gray-400: #374151;
  --gray-450: #1f2937;
  --gray-460: #111827;
  --gray-500: #0f172a;
  --gray-550: #090d16;
  --gray-600: #1F2937;
  --gray-light: #f3f4f6;
  --gray-cloud: #e5e7eb;

  /* Dark shades */
  --dark-bg: #111827;       /* Fondo oscuro elegante */
  --dark-panel: #1F2937;    /* Panel oscuro */
  --dark-panel-alt: #0F172A;
  --dark-text: #E5E7EB;     /* Texto claro sobre oscuro */

  /* Accent variations */
  --blue-hover: #374151;    /* Hover gris carbón */
  --blue-muted: #6B7280;
  --blue-primary: #1F2937;
  --purple-light: #D1D5DB;

  /* Extended dashboard palette */
  --purple-muted: #9CA3AF;   /* Textos secundarios */
  --purple-bright: #6B7280;  /* Acentos suaves */
  --purple-pastel: #F9FAFB;  /* Fondos suaves */
  --purple-deep: #1F2937;    /* Botones destacados */
  --purple-lavender: #E5E7EB;/* Bloques informativos */
  --blue-light: #F3F4F6;     /* Inputs, tablas */

  /* Greens (estados de éxito) */
  --green-success: #10B981;
  --green-accent: #059669;
  --green-accent-dark: #047857;
  --green-whatsapp: #22C55E;
  --green-whatsapp-dark: #166534;
  --green-chat-bg: #ECFDF5;

  /* 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: #F59E0B;
  --orange-alert: #D97706;
  --orange-alert-dark: #B45309;
  --orange-alert-darker: #92400E;
  --orange-alert-border: #FBBF24;
  --orange-strong: #F59E0B;
  --yellow-light: #FEF9C3;
  --yellow-warning-bg: #FEF3C7;
  --warning-text: #78350F;

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

  /* Misc */
  --blue-info: #3B82F6;
  --cyan-info: #06B6D4;
  --chat-bg: #F9FAFB;
}

: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;
}