/* ════════════════════════════════════════════════════════════════
   FUENTE ÚNICA DE TOKENS COMPARTIDOS
   Importado por index.css, provincias.css y ccaa.css — y por las
   diarias vía item.css → index.css. Cambiar un valor AQUÍ afecta a
   TODAS las páginas a la vez (antes estaba duplicado en cada hoja).
   ════════════════════════════════════════════════════════════════ */
:root {
    /* ── Ancho de página (un solo sitio para todo el sitio) ── */
    --maxw:         1600px;   /* home, provincia, CCAA, header, footer */
    --maxw-read:    1320px;   /* ficha diaria (ancho de lectura del artículo) */

    /* ── Marca ─────────────────────────────────────────── */
    --brand:        #04064D;
    --brand-mid:    #2D60FA;
    --brand-light:  #EDEDFE;
    --accent:       #FFBf00;
    --accent-dark:  #D4A000;
    --surface:      #FFFFFF;
    --surface-2:    #FBFBFF;
    --bg:           #F7F7FF;
    --text:         #04064D;
    --text-2:       #4A4870;
    --text-3:       #5E5C85;   /* AA: ~6.3:1 sobre blanco */
    --border:       #E4E4F8;

    /* ── Sombras / radios ──────────────────────────────── */
    --shadow-sm:    0 1px 3px rgba(72,70,180,.07), 0 1px 2px rgba(72,70,180,.05);
    --shadow-md:    0 4px 16px rgba(72,70,180,.12);
    --shadow-lg:    0 12px 40px rgba(72,70,180,.18);
    --shadow-card:  var(--shadow-sm);
    --r:            12px;
    --r-sm:         8px;
    --r-lg:         16px;
    --r-pill:       999px;
    --header-h:     60px;

    /* ── Héroe / estados de plazo ──────────────────────── */
    --hero-grad:    linear-gradient(140deg, #3B3DAE 0%, #5052C0 40%, #8687E4 100%);
    --state-open:        #16794C;  --state-open-bg:    #E7F6EE;
    --state-soon:        #9A5B00;  --state-soon-bg:    #FFF4DD;
    --state-closed:      #6B6A8F;  --state-closed-bg:  #F1F1F8;

    /* ── Foco / motion ─────────────────────────────────── */
    --ring:         0 0 0 3px rgba(45,96,250,.45);
    --dur-fast:     .15s;
    --dur:          .25s;

    /* ── Escala de espaciado (base 4px) ────────────────── */
    --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
    --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;

    /* ── Legacy aliases (scripts/HTML antiguos de provincia/CCAA) ── */
    --background:   #F7F7FF;
    --main:         #090C9B;
    --main1:        #f0f0fb;
    --main2:        #ECECFE;
    --main3:        #d8d8fd;
    --main35:       #9FA0FA;
    --main4:        rgba(80,82,192,.89);
    --main55:       #0a0c94;
    --main6:        #232270;
    --main7:        #04064D;
    --main8:        #03043A;
    --contrary:     #2D60FA;
}

/* ── Respeto a "menos movimiento" — global, no oculta contenido ── */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
        scroll-behavior: auto !important;
    }
}