/* ==========================================================================
   Juventud Republicana — Sistema "Nocturno"
   Oscuro, de cartel. La fotografía real es el material principal; el fondo casi
   negro existe para que las fotos y el rojo del partido tengan dónde brillar.
   Nada de resplandores radiales, cristal esmerilado ni degradados decorativos:
   el brillo viene de las imágenes y del contraste, no de efectos.
   ========================================================================== */

@import url('/assets/fonts/fonts.css?v=1787429000');

:root {
    /* --- Fondo ------------------------------------------------------------
       Nunca #000: mata la profundidad y hace que las fotos floten.          */
    --void:    #0B0D13;   /* página */
    --surface: #131722;   /* superficie */
    --raised:  #1C2130;   /* elevada y hover */

    /* --- Tinta ------------------------------------------------------------ */
    --paper:   #F2F4F9;   /* 17.7:1 sobre el fondo */
    --paper-2: #C3CAD9;   /* 11.8:1 */
    --paper-3: #8D96AC;   /*  6.6:1 sobre fondo, 5.4:1 sobre superficie elevada */

    /* --- Rojo republicano, en dos papeles del mismo tono ------------------
       MATERIA rellena (botón, bloque); VOZ es texto de acento. El tono sólido
       parte del rojo real del partido, subido lo justo para pasar AA.        */
    --red:     #D01A22;   /* materia. Blanco encima 5.45:1 */
    --red-hot: #E12630;   /* hover de materia. Blanco encima 4.64:1 */
    --red-ink: #FF4550;   /* voz. 5.75:1 sobre fondo, 4.75:1 sobre elevada */
    --on-red:  #FFFFFF;

    --focus:   #7FB4FF;   /* 9.1:1 */

    /* --- Líneas ----------------------------------------------------------- */
    --line:      rgba(195, 202, 217, 0.14);
    --line-firm: rgba(195, 202, 217, 0.30);

    /* --- Voz y registro ---------------------------------------------------
       Barlow Condensed es la VOZ de cartel: versales, grande, apretada. Es la
       familia del partido y es la que da el tono juvenil.
       Manrope es el REGISTRO: todo lo que se lee seguido.                    */
    --voz:      'Barlow Condensed', 'Arial Narrow', system-ui, sans-serif;
    --registro: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;

    --fs-cartel: clamp(3.2rem, 1.2rem + 8vw, 7.5rem);
    --fs-h1:     clamp(2.4rem, 1.5rem + 3.6vw, 4.25rem);
    --fs-h2:     clamp(1.9rem, 1.35rem + 2.2vw, 3rem);
    --fs-h3:     clamp(1.2rem, 1.08rem + 0.55vw, 1.5rem);
    --fs-intro:  clamp(1.1rem, 1.02rem + 0.45vw, 1.3rem);
    --fs-base:   1.0625rem;
    --fs-sm:     0.9375rem;
    --fs-meta:   0.8125rem;

    /* --- Espaciado -------------------------------------------------------- */
    --s1: .5rem; --s2: 1rem; --s3: 1.5rem; --s4: 2.25rem;
    --s5: 3.5rem; --s6: 5.5rem; --s7: 8rem;

    /* --- Retícula --------------------------------------------------------- */
    --container: 1280px;
    --gutter: clamp(1.25rem, 4.5vw, 3.5rem);
    --measure: 57ch;
    --mast: 68px;

    /* --- Forma: un solo radio, pequeño. La fotografía va a canto vivo. ----- */
    --r: 6px;

    /* --- Movimiento ------------------------------------------------------- */
    --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
    --t-press: 130ms var(--ease-out);
    --t-fast:  180ms var(--ease-out);
    --t:       280ms var(--ease-out);
}