/* ═══════════════════════════════════════════════════════════════════════
   AFEXIA — tokens de marca para la aplicación (serie ID del plan de identidad)

   1) Valores de la identidad, copiados de docs/campaign-assets/identidad/tokens/afexia-tokens.css
      (generado por colores.py). No se editan aquí: la prueba tests/unit/brandTokens.test.ts
      comprueba que coinciden con afexia-tokens.json.
   2) Alias SEMÁNTICOS por tema como canales «r g b», para usarlos con Tailwind y transparencia:
         bg-afx-fondo   border-afx-borde   text-afx-secundario   bg-afx-accion/15
      El tema oscuro es el de siempre (:root). El claro (data-tema="claro") está definido y con el
      contraste comprobado, pero todavía no lo usa ninguna pantalla (ID-12 del plan).
   Los pares texto × fondo los vigila la misma prueba (≥ 4,5:1).
   ═══════════════════════════════════════════════════════════════════════ */

/* AFEXIA — tokens de color (generado por docs/campaign-assets/identidad/colores.py) */
:root {
  --afx-tinta: #0b1f3a;  /* Tinta — Fondos oscuros: login, portadas, video */
  --afx-marino: #102848;  /* Marino — Color de marca: logo sobre claro, encabezados */
  --afx-gris: #707886;  /* Gris técnico — Logo secundario, trazos y datos de apoyo */
  --afx-acero: #c8d0da;  /* Acero — Líneas, bordes y texto secundario sobre oscuro */
  --afx-niebla: #f4f6f9;  /* Niebla — Fondo de la interfaz y de los informes */
  --afx-papel: #f2efe8;  /* Papel — Fondo editorial e impreso (deck, flyer) */
  --afx-blanco: #ffffff;  /* Blanco — Texto sobre oscuro, superficies de tarjeta */
  --afx-azul: #0058d6;  /* Azul acción — Botones, enlaces, foco, selección */
  --afx-azul-claro: #5b9bff;  /* Azul sobre oscuro — El mismo azul cuando el fondo es oscuro */
  --afx-verde: #10b981;  /* Verde verificación — Sello «verificado», firmado, cumple (relleno) */
  --afx-verde-texto: #047857;  /* Verde en texto claro — Texto verde sobre fondo claro */
  --afx-verde-claro: #34d399;  /* Verde sobre oscuro — Lema y marcas de verificación sobre oscuro */
  --afx-ambar: #d98e04;  /* Ámbar · revisar — Relleno de «requiere revisión» */
  --afx-ambar-texto: #8a5a00;  /* Ámbar en texto — Texto sobre fondo claro */
  --afx-rojo: #e4533f;  /* Bermellón · alerta — Relleno de «no cumple», alteración */
  --afx-rojo-texto: #b3341f;  /* Bermellón en texto — Texto sobre fondo claro */
  --afx-apoyo: #5e6882;  /* Texto de apoyo sobre claro (≥ 4.5:1) */
  --afx-c-reglas: #d946a8;  /* Categoría: Tus reglas (solo diagramas) */
  --afx-c-forense: #5b52f0;  /* Categoría: Forense (solo diagramas) */
  --afx-c-listas: #10b981;  /* Categoría: Listas AML (solo diagramas) */
  --afx-c-custodia: #2ba7e8;  /* Categoría: Custodia (solo diagramas) */
  --afx-marino-50: #e5e9f0;
  --afx-marino-100: #ccd4de;
  --afx-marino-200: #b4bfcd;
  --afx-marino-300: #9daabb;
  --afx-marino-400: #8595a9;
  --afx-marino-500: #6e8097;
  --afx-marino-600: #576b85;
  --afx-marino-700: #405572;
  --afx-marino-800: #29405f;
  --afx-marino-900: #102848;
  --afx-marino-950: #05142a;
  --afx-azul-50: #e0ecff;
  --afx-azul-100: #bfd6fd;
  --afx-azul-200: #9ec1fa;
  --afx-azul-300: #7daaf5;
  --afx-azul-400: #5b92ee;
  --afx-azul-500: #3778e5;
  --afx-azul-600: #0058d6;
  --afx-azul-700: #0046b1;
  --afx-azul-800: #00348e;
  --afx-azul-900: #00236c;
  --afx-azul-950: #00134c;
  --afx-gris-50: #e9ebee;
  --afx-gris-100: #d2d5db;
  --afx-gris-200: #babfc7;
  --afx-gris-300: #a3a9b3;
  --afx-gris-400: #8b929e;
  --afx-gris-500: #707886;
  --afx-gris-600: #5f6673;
  --afx-gris-700: #4e5561;
  --afx-gris-800: #3e444f;
  --afx-gris-900: #2e343e;
  --afx-gris-950: #1f242e;
  --afx-verde-50: #e0f6ec;
  --afx-verde-100: #c2ecd7;
  --afx-verde-200: #a2e1c2;
  --afx-verde-300: #80d5ae;
  --afx-verde-400: #58c998;
  --afx-verde-500: #10b981;
  --afx-verde-600: #009f6e;
  --afx-verde-700: #00865b;
  --afx-verde-800: #006e49;
  --afx-verde-900: #005638;
  --afx-verde-950: #004027;
}

/* Tema oscuro (por defecto) */
:root,
[data-tema="oscuro"] {
  --afx-fondo: 11 31 58;  /* #0B1F3A — Fondo de la aplicación (oscuro: Tinta · claro: Niebla) */
  --afx-superficie: 16 40 72;  /* #102848 — Tarjetas, paneles y diálogos (oscuro: Marino · claro: Blanco) */
  --afx-borde: 41 64 95;  /* #29405F — Líneas y bordes (decorativo; no es texto) */
  --afx-texto: 255 255 255;  /* #FFFFFF — Texto principal */
  --afx-secundario: 200 208 218;  /* #C8D0DA — Texto secundario */
  --afx-accion: 91 155 255;  /* #5B9BFF — Botones, enlaces, foco y selección (en oscuro: el azul claro) */
  --afx-accion-hover: 125 170 245;  /* #7DAAF5 — Acción al pasar el cursor */
  --afx-sobre-accion: 11 31 58;  /* #0B1F3A — Texto sobre un relleno de acción */
  --afx-verificado: 52 211 153;  /* #34D399 — Texto y marcas de «verificado», «firmado», «cumple» */
  --afx-aviso: 217 142 4;  /* #D98E04 — Texto de «requiere revisión» */
  --afx-alerta: 242 112 94;  /* #F2705E — Texto de «no cumple», alteración. EXTENSIÓN: en oscuro la identidad no publica un rojo para texto (el bermellón #E4533F da 4,0:1 sobre Marino); #F2705E es su versión clara */
  --afx-verificado-relleno: 16 185 129;  /* #10B981 — Relleno de insignias «verificado» (texto encima: sobre-relleno) */
  --afx-aviso-relleno: 217 142 4;  /* #D98E04 — Relleno de insignias «revisar» (texto encima: sobre-relleno) */
  --afx-alerta-relleno: 228 83 63;  /* #E4533F — Relleno translúcido de «no cumple» (con transparencia; no lleva texto encima) */
  --afx-sobre-relleno: 11 31 58;  /* #0B1F3A — Texto sobre verificado-relleno y aviso-relleno */
  --afx-alerta-fuerte: 179 52 31;  /* #B3341F — Relleno SÓLIDO de «no cumple» con texto blanco encima */
  --afx-sobre-alerta-fuerte: 255 255 255;  /* #FFFFFF — Texto sobre alerta-fuerte */
  --afx-cat-reglas: 217 70 168;  /* #D946A8 — Categoría «Tus reglas» (solo gráficos y diagramas) */
  --afx-cat-forense: 91 82 240;  /* #5B52F0 — Categoría «Forense» (solo gráficos y diagramas) */
  --afx-cat-listas: 16 185 129;  /* #10B981 — Categoría «Listas AML» (solo gráficos y diagramas) */
  --afx-cat-custodia: 43 167 232;  /* #2BA7E8 — Categoría «Custodia» (solo gráficos y diagramas) */
}

/* Tema claro (definido; sin pantallas todavía) */
[data-tema="claro"] {
  --afx-fondo: 244 246 249;  /* #F4F6F9 — Fondo de la aplicación (oscuro: Tinta · claro: Niebla) */
  --afx-superficie: 255 255 255;  /* #FFFFFF — Tarjetas, paneles y diálogos (oscuro: Marino · claro: Blanco) */
  --afx-borde: 200 208 218;  /* #C8D0DA — Líneas y bordes (decorativo; no es texto) */
  --afx-texto: 16 40 72;  /* #102848 — Texto principal */
  --afx-secundario: 94 104 130;  /* #5E6882 — Texto secundario */
  --afx-accion: 0 88 214;  /* #0058D6 — Botones, enlaces, foco y selección (en oscuro: el azul claro) */
  --afx-accion-hover: 0 70 177;  /* #0046B1 — Acción al pasar el cursor */
  --afx-sobre-accion: 255 255 255;  /* #FFFFFF — Texto sobre un relleno de acción */
  --afx-verificado: 4 120 87;  /* #047857 — Texto y marcas de «verificado», «firmado», «cumple» */
  --afx-aviso: 138 90 0;  /* #8A5A00 — Texto de «requiere revisión» */
  --afx-alerta: 179 52 31;  /* #B3341F — Texto de «no cumple», alteración. EXTENSIÓN: en oscuro la identidad no publica un rojo para texto (el bermellón #E4533F da 4,0:1 sobre Marino); #F2705E es su versión clara */
  --afx-verificado-relleno: 16 185 129;  /* #10B981 — Relleno de insignias «verificado» (texto encima: sobre-relleno) */
  --afx-aviso-relleno: 217 142 4;  /* #D98E04 — Relleno de insignias «revisar» (texto encima: sobre-relleno) */
  --afx-alerta-relleno: 228 83 63;  /* #E4533F — Relleno translúcido de «no cumple» (con transparencia; no lleva texto encima) */
  --afx-sobre-relleno: 11 31 58;  /* #0B1F3A — Texto sobre verificado-relleno y aviso-relleno */
  --afx-alerta-fuerte: 179 52 31;  /* #B3341F — Relleno SÓLIDO de «no cumple» con texto blanco encima */
  --afx-sobre-alerta-fuerte: 255 255 255;  /* #FFFFFF — Texto sobre alerta-fuerte */
  --afx-cat-reglas: 217 70 168;  /* #D946A8 — Categoría «Tus reglas» (solo gráficos y diagramas) */
  --afx-cat-forense: 91 82 240;  /* #5B52F0 — Categoría «Forense» (solo gráficos y diagramas) */
  --afx-cat-listas: 16 185 129;  /* #10B981 — Categoría «Listas AML» (solo gráficos y diagramas) */
  --afx-cat-custodia: 43 167 232;  /* #2BA7E8 — Categoría «Custodia» (solo gráficos y diagramas) */
}