/* ==========================================================================
   El Briefing Pa · Design tokens v2
   Fuente única de color, tipografía, espacio, forma y movimiento.
   Documentado en /design-system. No escribir valores hex sueltos en otras hojas:
   usar siempre var(--eb-*).
   ========================================================================== */
:root {
    /* ---- Color: marca ---- */
    --eb-navy: #2D3856;          /* texto principal, superficies institucionales */
    --eb-navy-900: #1C2438;      /* footer */
    --eb-navy-950: #151B2B;      /* sub-footer */
    --eb-accent: #C6104F;        /* acento único: categoría, acción, señalización */
    --eb-accent-600: #A50D42;    /* hover / pressed */
    --eb-accent-050: #FCEBF1;    /* fondos suaves, chips */
    --eb-accent-100: #F7D3E0;    /* bordes suaves */

    /* ---- Color: neutros ---- */
    --eb-ink: #1F2638;           /* cuerpo de lectura */
    --eb-text-2: #535A68;        /* resúmenes, texto secundario */
    --eb-meta: #6B7280;          /* fechas, créditos (4.8:1 sobre blanco) */
    --eb-line: #E3E5EA;          /* divisores */
    --eb-line-strong: #CDD1D9;   /* bordes de inputs */
    --eb-gray-050: #F6F7F9;      /* fondos de bloque */
    --eb-gray-100: #EEF0F3;      /* chips, hover de filas */
    --eb-white: #FFFFFF;

    /* ---- Color: estado ---- */
    --eb-focus: #C6104F;
    --eb-success: #1F7A4D;
    --eb-warning: #B7791F;

    /* ---- Tipografía ---- */
    --eb-font-sans: 'Poppins', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    --eb-font-heading: var(--eb-font-sans);   /* titulares (v2.1: se mantiene Poppins) */
    --eb-font-reading: var(--eb-font-sans);   /* cuerpo de artículo */
    --eb-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

    /* Escala modular 1.25 */
    --eb-fs-12: 12px;
    --eb-fs-14: 14px;
    --eb-fs-16: 16px;
    --eb-fs-20: 20px;
    --eb-fs-25: 25px;
    --eb-fs-31: 31px;
    --eb-fs-39: 39px;

    --eb-lh-tight: 1.25;
    --eb-lh-snug: 1.35;
    --eb-lh-body: 1.8;
    --eb-tracking-caps: 0.06em;
    --eb-measure: 68ch;          /* ancho máximo de lectura */

    /* ---- Espacio (base 4) ---- */
    --eb-space-1: 4px;
    --eb-space-2: 8px;
    --eb-space-3: 12px;
    --eb-space-4: 16px;
    --eb-space-6: 24px;
    --eb-space-8: 32px;
    --eb-space-12: 48px;
    --eb-space-16: 64px;

    /* ---- Forma ---- */
    --eb-radius: 4px;
    --eb-radius-pill: 999px;
    --eb-shadow-1: 0 1px 2px rgba(28, 36, 56, 0.06), 0 2px 8px rgba(28, 36, 56, 0.06);
    --eb-shadow-2: 0 8px 24px rgba(28, 36, 56, 0.10);

    /* ---- Interacción ---- */
    --eb-touch: 44px;            /* área táctil mínima */
    --eb-ease: cubic-bezier(.2, .7, .2, 1);
    --eb-dur: 180ms;
}