/* Hallmark · macrostructure: Long Document (locked by design.md) · tone: editorial · anchor hue: cool
 * pre-emit critique: P5 H5 E5 S5 R5 V4
 *
 * TOKENS del sistema de diseno de dudaslegislativas.com
 * ---------------------------------------------------------------------------
 * `design.md` decia «los valores viven en tokens.css» y ese fichero no
 * existia: cada pieza repetia los hex a mano. Aqui estan, una sola vez.
 *
 * Los hex son los MEDIDOS sobre la web viva el 2026-09-02 (no los del CSS,
 * que mentia). El OKLCH va al lado como referencia del sistema; se declara el
 * hex porque es lo que hay que servir sin cambiar ni un pixel de lo actual.
 *
 * Regla del sitio: el azul fuerte no pasa del 5% del area de ninguna
 * pantalla. Vive en el menu, en el subrayado de los encabezados y en el borde
 * del bloque de respuesta. En ningun sitio mas.
 * --------------------------------------------------------------------------- */

:root {
  /* --- Color -------------------------------------------------------------- */
  --dl-papel:        #F8F8F8;  /* oklch(97.5% 0 0)        fondo real, medido   */
  --dl-superficie:   #FFFFFF;  /* oklch(100% 0 0)         tarjetas            */
  --dl-tinta:        #3A3A3A;  /* oklch(32.5% 0.006 250)  texto, medido       */
  --dl-tinta-suave:  #6B7076;  /* oklch(48% 0.008 250)    texto secundario    */
  --dl-linea:        #DDE1E6;  /* oklch(89% 0.008 250)    reglas y bordes     */

  --dl-azul-900:     #0E3A61;  /* oklch(30% 0.075 250)    banda oscura y pie  */
  --dl-azul-700:     #195284;  /* oklch(40.5% 0.098 250)  ANCLA, medido       */
  --dl-azul-500:     #1E72BD;  /* oklch(52% 0.125 250)    enlaces, medido     */
  --dl-azul-100:     #E3E9EF;  /* oklch(93.5% 0.014 250)  panel, medido       */

  --dl-foco:         #1E72BD;  /* anillo de foco, >=3:1                        */

  /* --- Tipografia ---------------------------------------------------------
     Cero fuentes web, a proposito: cero peticiones y cero salto de
     maquetacion al cargar, que en un sitio con anuncios se paga caro. */
  --dl-display: Georgia, "Iowan Old Style", "Times New Roman", serif;
  --dl-texto:   system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* --- Espaciado: escala de 4pt con nombre -------------------------------- */
  --dl-esp-xs: 0.25rem;
  --dl-esp-sm: 0.5rem;
  --dl-esp-md: 1rem;
  --dl-esp-lg: 1.5rem;
  --dl-esp-xl: 2rem;
  --dl-esp-2xl: 3rem;

  /* --- Movimiento ---------------------------------------------------------
     Practicamente ninguno, y es a proposito: es un sitio de consulta, no una
     presentacion. El anillo de foco NUNCA se anima: aparece al instante. */
  --dl-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --dl-dur:  180ms;

  /* --- Formas -------------------------------------------------------------- */
  --dl-radio: 3px;
  --dl-filete: 3px;   /* el subrayado de marca bajo los encabezados */
}

@media (prefers-reduced-motion: reduce) {
  :root { --dl-dur: 0ms; }
}