/* ==========================================================================
   Juventud Republicana - Sistema "Boletín"
   La referencia no es una interfaz de producto: es la prensa impresa y el
   documento institucional. Filetes, columnas y aire hacen el trabajo que
   antes hacían las cajas. Elevación cero. Un rojo con presupuesto.
   ========================================================================== */

@import url('/assets/fonts/fonts.css');

:root {
    /* --- Papel y tinta ---------------------------------------------------
       Fondo claro neutro, apenas cálido, con la tinta azul de la marca.     */
    --paper:      #F5F5F3;
    --paper-2:    #EBEBE6;   /* franja alterna y lavado de hover */

    --ink:        #101A33;   /* 15.8:1 sobre papel */
    --ink-2:      #3D4A66;   /*  8.1:1 */
    --ink-3:      #626D87;   /*  4.7:1, el mínimo para metadatos */

    /* --- Filetes: la única herramienta de separación --------------------- */
    --rule:       #DCDCD5;   /* separación de fila */
    --rule-firm:  #B9B9B0;   /* borde de control */

    /* --- Rojo con presupuesto -------------------------------------------
       El rojo real del partido. Da 5.9:1 sobre papel, así que sirve como
       texto sin alterarlo. Máximo tres apariciones por pantalla.            */
    --red:        #BD1218;
    --red-deep:   #8E0D12;   /* prensado y hover de texto */
    --on-red:     #FFFFFF;   /* 6.4:1 sobre --red */

    --focus:      #1B4FCC;

    /* --- Voz y registro --------------------------------------------------
       Barlow Condensed es la VOZ: titulares en caja alta y baja, numerales
       de fecha. Manrope es el REGISTRO: todo lo que se lee seguido.
       Prohibido el titular en versales a gran cuerpo.                       */
    --voz:      'Barlow Condensed', 'Arial Narrow', system-ui, sans-serif;
    --registro: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;

    --fs-lede:  clamp(2.7rem, 1.3rem + 5vw, 4.5rem);
    --fs-h1:    clamp(2rem, 1.45rem + 2.2vw, 2.9rem);
    --fs-h2:    clamp(1.55rem, 1.25rem + 1.25vw, 2.05rem);
    --fs-h3:    clamp(1.1rem, 1.02rem + 0.4vw, 1.3rem);
    --fs-intro: clamp(1.12rem, 1.02rem + 0.45vw, 1.32rem);
    --fs-base:  1.0625rem;
    --fs-sm:    0.9375rem;
    --fs-meta:  0.8125rem;

    /* --- Espaciado: rango amplio para que la respiración sea desigual ---- */
    --s1: 0.5rem;   --s2: 1rem;     --s3: 1.5rem;   --s4: 2.25rem;
    --s5: 3.5rem;   --s6: 5.5rem;   --s7: 8rem;     --s8: 11rem;

    /* --- Retícula --------------------------------------------------------- */
    --container: 1240px;
    --gutter: clamp(1.25rem, 4.5vw, 4rem);
    /* Medida calibrada sobre Manrope, no estimada: el ancho de 'ch' de esta
       familia es 1.20 veces su carácter medio, así que 66ch rendían 79
       caracteres por línea. 57ch dan 68, dentro del rango legible. */
    --measure: 57ch;
    --masthead: 68px;

    /* --- Forma: prácticamente escuadra. Nada debe leerse como tarjeta. ---- */
    --r: 2px;

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