/* AmyLeads — TOKENS DE COLOR (única fuente de color del proyecto)
   CONFIRMADOS = muestreados de https://amyleads.com
   PROPUESTOS  = derivados/sugeridos (ajustables SOLO aquí, nunca en componentes)
   REGLA: ningún archivo fuera de este usa hex/rgb directo; todo consume var(--amy-*). */
:root {
  /* ===== MARCA / ACCIÓN (confirmados) ===== */
  --amy-primary:          #2563EB;  /* botones primarios, links, ítem activo, foco, progreso (5.17:1 sobre blanco, AA) */
  --amy-primary-soft:     #EAF1FF;  /* fondo de ítem activo/seleccionado, chips, hover suave */
  --amy-primary-ink:      #244AA4;  /* texto sobre --amy-primary-soft (7.1:1) */
  --amy-violet:           #7C3AED;  /* acento IA (✦, "AI Summary", estados AI) */
  --amy-brand-gradient:   linear-gradient(90deg, #2563EB 0%, #7C3AED 100%);   /* texto destacado / acentos IA */

  /* ===== TEXTO (confirmados) ===== */
  --amy-ink:              #0B1220;  /* titulares y texto principal (18.7:1) */
  --amy-text:             var(--amy-ink);
  --amy-text-secondary:   #606A7B;  /* subtítulos, metadata, labels (5.46:1 sobre blanco) */

  /* ===== FONDOS Y BORDES (confirmados) ===== */
  --amy-bg:               #FFFFFF;
  --amy-bg-subtle:        #F8FAFC;  /* fondo del área de trabajo del dashboard */
  --amy-surface:          #FFFFFF;  /* tarjetas, tablas, drawers, modales */
  --amy-hero-tint:        #EAF0FF;  /* tinte azulado superior de login/heros (degrada a blanco) */
  --amy-hero-tint-2:      #F1F5FF;
  --amy-border:           #E5EAF1;  /* bordes suaves de tarjetas y divisores */
  --amy-border-strong:    #CBD4E5;  /* bordes de inputs */

  /* ===== POSITIVO (confirmados) ===== */
  --amy-success:          #087A59;  /* texto de badges positivos (+12.4%, Activas) */
  --amy-success-soft:     #DDF8EE;  /* fondo de badges positivos */

  /* ===== SUPERFICIES OSCURAS (confirmados) ===== */
  --amy-navy:             #0D1731;  /* secciones oscuras */
  --amy-navy-card:        #0F1B39;  /* tarjetas sobre navy */
  --amy-navy-raised:      #15274F;  /* elevado / iconos sobre navy */
  --amy-navy-ai:          #131F42;  /* tarjeta "AI Insight" */
  --amy-on-dark:          #FFFFFF;
  --amy-on-dark-muted:    #AEBBD3;  /* texto secundario sobre navy (9.2:1) */
  --amy-on-dark-accent:   #85AAFF;  /* eyebrows/acentos sobre navy (7.8:1) */
  --amy-primary-on-dark:  #2877F2;  /* solo UI grande/iconos sobre navy (4.2:1: NO texto pequeño) */
  --amy-brand-gradient-on-dark: linear-gradient(90deg, #5B8CFF 0%, #A78BFA 100%);

  /* ===== PROPUESTOS (no vistos en la web) ===== */
  --amy-primary-hover:    #1D4ED8;  /* 6.7:1 */
  --amy-primary-active:   #1E40AF;  /* 8.7:1 */
  --amy-primary-on:       #FFFFFF;  /* texto sobre --amy-primary */
  --amy-focus-ring:       rgba(37, 99, 235, 0.35);  /* anillo de foco: 0 0 0 3px */
  --amy-surface-hover:    #F8FAFC;  /* hover de filas/tarjetas clicables (o --amy-primary-soft si está seleccionado) */
  --amy-bg-muted:         #EEF2F7;  /* skeleton, chips neutros */
  --amy-warning:          #B54708;  --amy-warning-soft: #FFFAEB;
  --amy-danger:           #B42318;  --amy-danger-soft:  #FEF3F2;
  --amy-info:             var(--amy-primary);  --amy-info-soft: var(--amy-primary-soft);
  --amy-neutral:          #606A7B;  --amy-neutral-soft: #EEF2F7;
  --amy-ai:               var(--amy-violet);   --amy-ai-soft: #F3EEFF;

  /* Series de gráficos: SOLO relleno/trazo (no texto: amarillo 2.15:1 y verde 2.54:1 sobre blanco). Orden fijo, máx. 5 */
  --amy-chart-1: #2563EB;  --amy-chart-2: #7C3AED;  --amy-chart-3: #10B981;
  --amy-chart-4: #F59E0B;  --amy-chart-5: #64748B;

  /* Tipografía asociada (la web usa Inter) */
  --amy-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --amy-tracking-display: -0.035em;
  --amy-tracking-heading: -0.025em;
}
/* NOTAS
   - Texto muted nunca más claro que #606A7B sobre blanco (p. ej. #8A94A6 da 3.06:1 y NO pasa AA).
   - Violeta/gradiente = SOLO IA. Las acciones normales usan --amy-primary.
   - Estados: success/warning/danger; no reutilizar el violeta ni el azul de marca como "error".
   - Nunca comunicar estado solo por color: siempre texto o icono además. */

/* F00: fundamentos, tema claro. Los colores anteriores siguen siendo canónicos. */
:root,[data-theme="light"] {
 --amy-font-xs:.75rem; --amy-font-sm:.875rem; --amy-font-md:1rem; --amy-font-lg:1.125rem; --amy-font-xl:1.5rem; --amy-font-2xl:2rem; --amy-font-display:3rem;
 --amy-weight-regular:400; --amy-weight-medium:500; --amy-weight-semibold:600; --amy-weight-bold:700;
 --amy-leading-body:1.6; --amy-leading-heading:1.2; --amy-tracking-eyebrow:.1em;
 --amy-space-4:.25rem; --amy-space-8:.5rem; --amy-space-12:.75rem; --amy-space-16:1rem; --amy-space-20:1.25rem; --amy-space-24:1.5rem; --amy-space-28:1.75rem; --amy-space-32:2rem; --amy-space-36:2.25rem; --amy-space-40:2.5rem; --amy-space-44:2.75rem; --amy-space-48:3rem;
 --amy-radius-sm:.375rem; --amy-radius-md:.75rem; --amy-radius-lg:1rem; --amy-radius-pill:999rem;
 --amy-shadow-sm:0 1px 3px rgba(11,18,32,.06); --amy-shadow-md:0 4px 16px rgba(11,18,32,.08); --amy-shadow-lg:0 12px 32px rgba(11,18,32,.12);
 --amy-motion-fast:150ms; --amy-motion-base:200ms; --amy-motion-slow:300ms; --amy-ease:cubic-bezier(.2,0,0,1);
 --amy-z-base:0; --amy-z-sticky:10; --amy-z-dropdown:20; --amy-z-overlay:30; --amy-z-toast:40; --amy-z-tooltip:50; --amy-z-skip:60;
 --amy-breakpoint-mobile:48rem; --amy-breakpoint-tablet:64rem; --amy-breakpoint-desktop:90rem;
 --amy-line:1px; --amy-focus-width:2px; --amy-focus-offset:3px;
 --amy-control-height:2.75rem; --amy-control-mobile:3rem; --amy-icon-size:1.25rem;
 --amy-content-width:90rem; --amy-text-width:44rem; --amy-card-min:15.625rem; --amy-page-gutter:4%; --amy-swatch-height:5rem; --amy-logo-max:12rem;
 --amy-disabled-opacity:.55; --amy-skeleton-opacity:.5;
}
:root,[data-theme="light"]{--amy-modal-s:24rem;--amy-modal-m:36rem;--amy-modal-l:50rem;--amy-drawer-width:40rem;--amy-backdrop:rgba(11,18,32,.35)}

:root,[data-theme="light"]{--amy-sidebar-width:16.25rem;--amy-sidebar-collapsed:5rem}