/**
 * Sistema EEG — tokens de diseño (fuente de verdad).
 * No enlazar desde layout_header hasta que se apruebe la página de referencia.
 * Nada de teal saturado. Un solo acento azul, semánticos fijos, sin gradientes.
 */

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/assets/fonts/inter/latin-400-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/assets/fonts/inter/latin-ext-400-normal.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/assets/fonts/inter/latin-500-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("/assets/fonts/inter/latin-600-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("/assets/fonts/inter/latin-ext-600-normal.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/assets/fonts/inter/latin-700-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    /* ——— 10 grises neutros (sin tinte cian/azul) ——— */
    --eeg-gray-50: #f7f7f7;
    --eeg-gray-100: #ececec;
    --eeg-gray-200: #d8d8d8;
    --eeg-gray-300: #b8b8b8;
    --eeg-gray-400: #8f8f8f;
    --eeg-gray-500: #6b6b6b;
    --eeg-gray-600: #525252;
    --eeg-gray-700: #3d3d3d;
    --eeg-gray-800: #262626;
    --eeg-gray-900: #141414;

    /* Acento: un azul contenido. Solo acción primaria y nav activo. */
    --eeg-accent: #3a5a82;
    --eeg-accent-hover: #2f4b6e;
    --eeg-accent-text: #ffffff;
    --eeg-accent-soft: #e8eef5;

    /* Semánticos — significado fijo en toda la app */
    --eeg-pending: #b45309;
    --eeg-pending-soft: #fef3c7;
    --eeg-pending-text: #7c3d0a;
    --eeg-success: #047857;
    --eeg-success-soft: #d1fae5;
    --eeg-success-text: #065f46;
    --eeg-danger: #b42318;
    --eeg-danger-soft: #fee4e2;
    --eeg-danger-text: #7a271a;
    --eeg-info: #1d4e89;
    --eeg-info-soft: #e8eef5;
    --eeg-info-text: #1e3a5f;
    --eeg-historic: #6b6b6b;
    --eeg-historic-soft: #ececec;
    --eeg-historic-text: #3d3d3d;

    /* Shell oscuro / contenido clínico claro */
    --eeg-shell: #1a1a1a;
    --eeg-shell-raised: #242424;
    --eeg-shell-border: #3d3d3d;
    --eeg-content: #f7f7f7;
    --eeg-surface: #ffffff;
    --eeg-border: #d8d8d8;
    --eeg-border-strong: #b8b8b8;

    /* Tablas: tratamiento oscuro (opción A) */
    --eeg-table-dark-bg: #1a1a1a;
    --eeg-table-dark-row: #242424;
    --eeg-table-dark-alt: #1f1f1f;
    --eeg-table-dark-text: #f7f7f7;
    --eeg-table-dark-muted: #8f8f8f;
    --eeg-table-dark-line: #3d3d3d;
    --eeg-table-dark-hover: #2c2c2c;

    /* Tablas: tratamiento claro (opción B) */
    --eeg-table-light-bg: #ffffff;
    --eeg-table-light-row: #ffffff;
    --eeg-table-light-alt: #f7f7f7;
    --eeg-table-light-text: #141414;
    --eeg-table-light-muted: #525252;
    --eeg-table-light-line: #ececec;
    --eeg-table-light-hover: #e8eef5;

    /*
     * REGLA DE CONTRASTE (nunca mezclar):
     *   Superficie clara (--eeg-content, --eeg-surface, --eeg-table-*) → texto oscuro (--eeg-on-light).
     *   Superficie oscura (--eeg-shell) → texto claro (--eeg-on-dark).
     * Las tablas viven en el área de contenido: siempre claras, en ambos esquemas.
     */
    --eeg-on-light: #141414;
    --eeg-on-light-muted: #525252;
    --eeg-on-dark: #f7f7f7;
    --eeg-on-dark-muted: #8f8f8f;
    --eeg-content-text: var(--eeg-on-light);
    --eeg-content-muted: var(--eeg-on-light-muted);
    --eeg-shell-text: var(--eeg-on-dark);
    --eeg-shell-muted: var(--eeg-on-dark-muted);

    --eeg-table-bg: var(--eeg-table-light-bg);
    --eeg-table-row: var(--eeg-table-light-row);
    --eeg-table-alt: var(--eeg-table-light-alt);
    --eeg-table-text: var(--eeg-table-light-text);
    --eeg-table-muted: var(--eeg-table-light-muted);
    --eeg-table-line: var(--eeg-table-light-line);
    --eeg-table-hover: var(--eeg-table-light-hover);

    /* Tipografía */
    --eeg-font: "Inter", system-ui, "Segoe UI", sans-serif;
    --eeg-fs-title: 1.25rem;
    --eeg-fw-title: 700;
    --eeg-lh-title: 1.25;
    --eeg-fs-subtitle: 1rem;
    --eeg-fw-subtitle: 600;
    --eeg-lh-subtitle: 1.35;
    --eeg-fs-body: 0.875rem;
    --eeg-fw-body: 400;
    --eeg-lh-body: 1.45;
    --eeg-fs-label: 0.6875rem;
    --eeg-fw-label: 600;
    --eeg-lh-label: 1.3;
    --eeg-fs-caption: 0.75rem;

    /* Densidad clínica */
    --eeg-row-h: 34px;
    --eeg-radius: 4px;
    --eeg-radius-sm: 2px;
    --eeg-card-pad: 10px;
    --eeg-space-1: 4px;
    --eeg-space-2: 8px;
    --eeg-space-3: 12px;
    --eeg-space-4: 16px;
    --eeg-space-5: 24px;
    --eeg-input-h: 34px;
    --eeg-input-h-lg: 40px;
    --eeg-btn-h: 34px;
    --eeg-btn-h-sm: 28px;
    --eeg-focus: #3a5a82;

    color-scheme: light;
}

/* Modo noche automático (preferencia del sistema): shell + contenido. */
@media (prefers-color-scheme: dark) {
    :root {
        --eeg-shell: #0c0c0c;
        --eeg-shell-raised: #171717;
        --eeg-shell-border: #2a2a2a;
        --eeg-content: #121212;
        --eeg-surface: #1a1a1a;
        --eeg-border: #2e2e2e;
        --eeg-border-strong: #404040;
        --eeg-content-text: #f2f2f2;
        --eeg-content-muted: #a3a3a3;
        --eeg-shell-text: #f5f5f5;
        --eeg-shell-muted: #8a8a8a;
        --eeg-accent: #6b8cb0;
        --eeg-accent-hover: #8aa6c4;
        --eeg-accent-text: #0c0c0c;
        --eeg-accent-soft: #1a2533;
        --eeg-focus: #6b8cb0;
        --eeg-pending: #f0a35a;
        --eeg-pending-soft: #3a2410;
        --eeg-pending-text: #fdba74;
        --eeg-success: #34d399;
        --eeg-success-soft: #0f2e24;
        --eeg-success-text: #6ee7b7;
        --eeg-danger: #f87171;
        --eeg-danger-soft: #3f1515;
        --eeg-danger-text: #fca5a5;
        --eeg-info: #7dd3fc;
        --eeg-info-soft: #152536;
        --eeg-info-text: #bae6fd;
        --eeg-historic: #a3a3a3;
        --eeg-historic-soft: #262626;
        --eeg-historic-text: #d4d4d4;
        --eeg-gray-50: #1a1a1a;
        --eeg-gray-100: #222222;
        --eeg-gray-200: #2e2e2e;
        --eeg-table-bg: #1a1a1a;
        --eeg-table-row: #1a1a1a;
        --eeg-table-alt: #151515;
        --eeg-table-text: #f2f2f2;
        --eeg-table-muted: #a3a3a3;
        --eeg-table-line: #2e2e2e;
        --eeg-table-hover: #242424;
        color-scheme: dark;
    }
}