/*
 * Agenda Animal #29N — tokens
 *
 * Paleta «Petróleo y terracota» (elegida por Francisco el 06-oct, tras la
 * petición de las organizaciones de algo más cálido y orgánico): papel kraft,
 * tinta petróleo para los datos, terracota para «en contra» y la acción
 * principal, y mostaza como segundo acento. Ningún color de partido.
 * Titulares en Passion One 400, en mayúsculas con interlineado 0,8; texto y
 * cifras en Host Grotesk.
 * Contrastes: petróleo/kraft 5,7 · texto/kraft 12,4 · blanco/terracota 5,5 ·
 * grafito/kraft 4,8 · blanco/petróleo 7,2.
 *
 * Para cambiar de paleta basta con este bloque :root (styles.css no lleva
 * colores escritos a mano).
 */

@font-face{font-family:"Passion One";src:url(../fonts/passion-one-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;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:"Passion One";src:url(../fonts/passion-one-latin-ext-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;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:"Host Grotesk";src:url(../fonts/host-grotesk-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;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:"Host Grotesk";src:url(../fonts/host-grotesk-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;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:"Host Grotesk";src:url(../fonts/host-grotesk-latin-800-normal.woff2) format("woff2");font-weight:800;font-display:swap;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:"Host Grotesk";src:url(../fonts/host-grotesk-latin-ext-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;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:"Host Grotesk";src:url(../fonts/host-grotesk-latin-ext-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;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:"Host Grotesk";src:url(../fonts/host-grotesk-latin-ext-800-normal.woff2) format("woff2");font-weight:800;font-display:swap;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}

:root{
  /* Papel */
  --sheet:#ece3d3;      /* kraft: fondo de página */
  --sheet-2:#d9ccb5;    /* retícula del acta, filetes finos */
  --sheet-3:#f4eee3;    /* copia inferior del acta (hoja de debajo) */
  --paper:#faf6ee;      /* casillas, campos y superficies en blanco */
  /* Tintas */
  --ink:#1f5f6b;        /* petróleo: datos, "incluido", enlaces */
  --ink-deep:#26221e;   /* titulares y texto principal */
  --stamp:#ad4a2a;      /* terracota: "en contra" y la acción principal */
  --stamp-dark:#923d22; /* tampón al pulsar */
  --lead:#6a6157;       /* grafito: texto secundario, "sin posicionarse" */
  --on-stamp:#fff;
  --accent:#e1ad3c;     /* mostaza: segundo acento (cuenta atrás, cintas de cifras, franja de la firma) */
  /* Noche: fondo del hero (foto oscura) y textos sobre él */
  --night:#14201f;
  --on-night:#efe6d6;
  --on-night-2:#d6c9b0;
  --night-accent:#e8b54a;  /* «¡Hoy se vota!» al terminar la cuenta atrás */
  /* Varios */
  --sheet-4:#e6dcc9;       /* segunda hoja de la pila del mapa */
  --placeholder:#857a6d;
  --logo-bg:#fff;          /* fondo de los logos de promotoras (multiply) */

  /* Tipografía */
  --font-display:"Passion One","Arial Black",Impact,sans-serif;  /* titulares: Passion One 400 (petición de Francisco, 06-oct; antes Anton) */
  --font-text:"Host Grotesk",system-ui,sans-serif;

  /* Forma y ritmo */
  --r:2px;              /* casi recto: es un formulario */
  --wrap:1240px;
  --gutter:16px;
  --section-gap:clamp(56px,8vw,104px);

  /* Movimiento (nombrado) */
  --ease-out-expo:cubic-bezier(.16,1,.3,1);
  --ease-stamp:cubic-bezier(.3,1.6,.5,1);

  /* Acta */
  --cell:2.6rem;
  --first:22rem;

  /* Variables del bloque de rankings del núcleo (_block-rankings.css), por
     si alguna página las usa: mismas tintas, sin colores de partido. */
  --rk-pro:var(--ink);
  --rk-partial:var(--ink);
  --rk-neutral:var(--lead);
  --rk-con:var(--stamp);
  --rk-none:var(--sheet-2);

  color-scheme:light;
}
@media (max-width:900px){
  :root{--first:12.5rem}
}