/* =============================================================================
   ATIA — Tokens de diseño
   Única fuente de verdad de color, tipografía, espacio, radio y borde.
   NO definir componentes aquí: eso vive en css/atia-ui.css.
   Portado desde Gestion-ATIA (mismo prefijo --atia-, no colisiona con --a-*
   que ya usa este proyecto). Ver sección "Tarjetas de navegación" de este
   mismo archivo para el único componente que ya consume estos tokens.
   ============================================================================= */

:root{
  /* ── Marca, nivel 1: domina la identidad ────────────────────────────────── */
  --atia-tinta:#0E1416;
  --atia-naranja:#E08A0F;
  --atia-verde:#18A66A;

  /* ── Acentos, nivel 2 ───────────────────────────────────────────────────── */
  /* SOLO en series de visualización de datos y en el módulo de IA.
     Prohibido usarlos como "color del módulo": eso produce el efecto arcoíris. */
  --atia-naranja-solar:#FF9D00;
  --atia-verde-electrico:#00C978;
  --atia-cian:#00B8D9;
  --atia-violeta:#7C3AED;
  --atia-magenta:#E11D8D;
  --atia-coral:#F04438;

  /* ── Superficies y líneas ───────────────────────────────────────────────── */
  --atia-canvas:#F4F7F6;
  --atia-surface:#FFFFFF;
  --atia-surface-2:#F4F7F6;
  --atia-line:#E3EAE7;
  --atia-line-soft:#EFF3F1;
  --atia-line-strong:#D4DDD9;

  /* ── Texto ──────────────────────────────────────────────────────────────── */
  --atia-text:#0E1416;
  --atia-text-2:#5C6765;
  --atia-text-3:#8B9794;
  --atia-text-invert:#FFFFFF;

  /* ── Navegación ─────────────────────────────────────────────────────────── */
  /* Tema claro: riel ámbar muy diluido, con texto oscuro (7:1 sobre el fondo).
     El riel es la única superficie teñida de marca; el resto queda neutro.
     Tema oscuro: grafito, definido más abajo. Todo lo que dibuje el riel usa
     estos tokens — nunca blancos o negros con alfa, que solo sirven en un tema. */
  --atia-nav-bg:#FDF1DE;
  --atia-nav-text:#0E1416;
  --atia-nav-text-active:#0E1416;
  --atia-nav-active-bg:rgba(224,138,15,.22);
  --atia-nav-line:rgba(14,20,22,.10);
  --atia-nav-hover:rgba(14,20,22,.05);
  --atia-nav-raised:rgba(255,255,255,.55);

  /* ── Semánticos: relleno para marcas, *-text para texto sobre fondo ─────── */
  /* Los valores de marca no alcanzan contraste como texto: ámbar sobre blanco
     da 2.4:1. Por eso cada uno tiene su variante oscurecida. */
  --atia-ok:#18A66A;      --atia-ok-text:#0E7A4C;      /* 4.7:1 */
  --atia-warn:#E08A0F;    --atia-warn-text:#9A5F06;    /* 5.6:1 */
  --atia-danger:#F04438;  --atia-danger-text:#B42318;

  /* ── Acción primaria: ámbar sólido con texto blanco ─────────────────────── */
  /* Decisión de marca (2026-09-18): blanco sobre ámbar. Da 2.2:1, por debajo
     del 4.5:1 de texto normal, así que se reserva para etiquetas cortas y en
     negrita (botones, chips, íconos). Para texto corrido sobre fondo claro
     usar --atia-warn-text, que sí cumple. */
  --atia-action-bg:#E08A0F;
  --atia-action-bg-hover:#C97A0C;
  --atia-action-text:#FFFFFF;

  /* ── Degradado de IA ────────────────────────────────────────────────────── */
  /* SOLO en superficies de inteligencia artificial, y solo como borde.
     Si aparece en otro lado deja de significar "esto es la parte inteligente". */
  --atia-ia-gradient:linear-gradient(90deg,#FF9D00,#00C978);

  /* ── Tipografía ─────────────────────────────────────────────────────────── */
  --atia-font:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --atia-font-mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --atia-t-display:600 1.75rem/1.15 var(--atia-font);
  --atia-t-h2:600 1.25rem/1.25 var(--atia-font);
  --atia-t-h3:600 1rem/1.3 var(--atia-font);
  --atia-t-body:400 .875rem/1.55 var(--atia-font);
  --atia-t-sm:400 .8125rem/1.5 var(--atia-font);
  --atia-t-xs:500 .6875rem/1.4 var(--atia-font);

  --atia-ls-tight:-.02em;
  --atia-ls-h2:-.015em;

  /* ── Radio, con significado ─────────────────────────────────────────────── */
  --atia-r-sm:6px;     /* item activo de navegación, badges */
  --atia-r-md:8px;     /* paneles, tablas, modales, inputs, botones */
  --atia-r-pill:999px; /* chips de filtro */
  --atia-r-full:50%;   /* avatares, puntos de estado */

  /* ── Espacio ────────────────────────────────────────────────────────────── */
  --atia-sp-1:4px;  --atia-sp-2:8px;  --atia-sp-3:12px;
  --atia-sp-4:16px; --atia-sp-5:20px; --atia-sp-6:24px;

  /* ── Sombra: SOLO overlays que de verdad flotan ─────────────────────────── */
  /* Las superficies se separan por contraste y borde de 1px, nunca por sombra. */
  --atia-shadow-overlay:0 12px 32px -12px rgba(14,20,22,.28);

  /* ── Glow de hover: SOLO en tarjetas interactivas (nav-card y similares) ── */
  /* Única excepción a "nunca sombra para separar superficies": aquí la sombra
     no separa, señala interactividad. Ámbar de marca, nunca los acentos nivel 2. */
  --atia-glow-ring:rgba(224,138,15,.30);
  --atia-glow-soft:rgba(224,138,15,.20);
}

[data-theme="dark"]{
  --atia-canvas:#0E1416;
  --atia-surface:#141B1D;
  --atia-surface-2:#1A2224;
  --atia-line:#232C2E;
  --atia-line-soft:#1E2628;
  --atia-line-strong:#2E3A3C;

  --atia-text:#E8EDEB;
  --atia-text-2:#8A9694;
  --atia-text-3:#6B7876;

  /* Sobre lienzo oscuro el riel sube un paso (grafito), para que se lea como
     plano distinto sin volver al negro puro. */
  --atia-nav-bg:#1A2224;
  --atia-nav-text:#8A9694;
  --atia-nav-text-active:#FFFFFF;
  --atia-nav-active-bg:rgba(255,157,0,.16);
  --atia-nav-line:rgba(255,255,255,.08);
  --atia-nav-hover:rgba(255,255,255,.06);
  --atia-nav-raised:rgba(255,255,255,.04);

  /* Sobre fondo oscuro los valores de marca pierden luminancia: se usan los
     acentos de nivel 2 como variantes de texto. */
  --atia-ok-text:#00C978;
  --atia-warn-text:#FF9D00;
  --atia-danger-text:#F97066;

  --atia-shadow-overlay:0 12px 32px -12px rgba(0,0,0,.6);

  /* Sobre fondo oscuro el ámbar sólido se ve apagado: se usa el solar (nivel 2)
     para que el glow tenga el mismo punch que en el screenshot de referencia. */
  --atia-glow-ring:rgba(255,157,0,.38);
  --atia-glow-soft:rgba(255,157,0,.24);
}