/* ==========================================================
   AAM · Sistema de diseño v1 — Tokens
   Fuente: artifact Design System "AAM" (project/tokens.json)
   Modo claro = institucional. [data-theme="dark"] = eventos / Premio Mercurio.
   Los componentes usan SOLO los tokens semánticos (fondo, texto, primario...).
   ========================================================== */

:root {
    /* Paleta fija */
    --marca-azul: #143f6e;
    --marca-azul-oscuro: #0e2f54;
    --marca-azul-tinte: #e8eef5;
    --mercurio-noche: #000b1f;
    --mercurio-petroleo: #005b65;
    --mercurio-lima: #cafa00;
    --mercurio-lima-palido: #e5ffad;
    --niebla: #f7f7f7;
    --edicion-acento: #6d9705; /* Marketing Day 2026, aproximado */

    /* Tipografía */
    --font-display: Jost, "Century Gothic", system-ui, sans-serif;
    --font-sans: Archivo, "Helvetica Neue", Arial, sans-serif;

    /* Espaciado (pasos de 4px) */
    --esp-1: 4px;
    --esp-2: 8px;
    --esp-3: 12px;
    --esp-4: 16px;
    --esp-6: 24px;
    --esp-8: 32px;
    --esp-12: 48px;
    --esp-16: 64px;
    --esp-24: 96px;

    /* Forma */
    --radio-control: 6px;
    --radio-tarjeta: 12px;
    --radio-pildora: 999px;

    /* Layout web */
    --ancho-max: 1200px;
    --alto-header: 72px;

    /* Semánticos · modo claro */
    --fondo: #f7f7f7;
    --superficie: #ffffff;
    --texto: #0f1a2a;
    --texto-suave: #4a5568;
    --linea: #d9dee5;
    --borde-control: #7d899c;
    --primario: var(--marca-azul);
    --primario-hover: var(--marca-azul-oscuro);
    --sobre-primario: #ffffff;
    --enlace: var(--marca-azul);
    --acento: var(--mercurio-petroleo);
    --exito: #1f7a3a;
    --exito-fondo: #e7f4ec;
    --alerta: #b45309;
    --alerta-fondo: #fdf3e1;
    --error: #b42318;
    --error-fondo: #fdecea;
    --sombra-tarjeta: 0 1px 2px rgba(15, 26, 42, .06), 0 4px 16px rgba(15, 26, 42, .06);

    /* Compatibilidad con css/style.css mientras se migran las páginas viejas */
    --color-primary: var(--marca-azul);
    --font-main: var(--font-display);
}

[data-theme="dark"] {
    --fondo: #000b1f;
    --superficie: #0b1a33;
    --texto: #f2f5f8;
    --texto-suave: #a9b4c2;
    --linea: #1e2d45;
    --borde-control: #6b7c96;
    --primario: var(--mercurio-lima);
    --primario-hover: #b5e000;
    --sobre-primario: var(--mercurio-noche);
    --enlace: var(--mercurio-lima-palido);
    --acento: var(--mercurio-lima);
    --exito: #6fcf8b;
    --exito-fondo: #0f2e22;
    --alerta: #f5b54a;
    --alerta-fondo: #33240a;
    --error: #ff8a80;
    --error-fondo: #3a1414;
    --sombra-tarjeta: none;
    /* Corte más recto en piezas del Mercurio (manual de Infinita) */
    --radio-control: 2px;
}