/* ==========================================================================
   Tokens de diseño — Biblioteca Inteligente de Control Fiscal

   Único lugar donde se declaran colores, tipografía y espaciado. Cambiar la
   identidad visual del portal completo debe ser cuestión de editar este
   archivo y nada más: ningún otro CSS escribe un color literal.
   ========================================================================== */

:root{
  /* --- Marca: azul institucional -------------------------------------- */
  --azul-950:#07192b;
  --azul-900:#0b2740;
  --azul-800:#123a5c;
  --azul-700:#1a4d76;
  --azul-600:#246189;
  --azul-500:#3d7ba8;
  --azul-200:#c3d8e8;
  --azul-100:#e7eef5;
  --azul-50:#f2f7fb;

  /* --- Acento ---------------------------------------------------------- */
  --acento:#c9a227;
  --acento-oscuro:#a9860f;
  --acento-suave:#faf3dd;

  /* --- Neutros --------------------------------------------------------- */
  --blanco:#ffffff;
  --gris-25:#fbfcfd;
  --gris-50:#f5f7fa;
  --gris-100:#eef1f5;
  --gris-200:#e2e7ee;
  --gris-300:#cbd3dc;
  --gris-400:#9aa5b3;
  --gris-500:#6b7684;
  --gris-700:#3a4451;
  --gris-900:#1c222b;

  /* --- Estados de vigencia --------------------------------------------
     Cada estado tiene un color propio y su fondo tenue. El texto siempre se
     acompaña de la etiqueta escrita, nunca sólo del color: quien no
     distingue matices debe poder leer el estado igual. */
  --vigente:#1f7a4d;
  --vigente-fondo:#e4f3ea;
  --derogada:#b3311c;
  --derogada-fondo:#fbeae7;
  --parcial:#a9700f;
  --parcial-fondo:#fdf2e0;
  --modificada:#2c6ca6;
  --modificada-fondo:#e8f1f9;

  /* --- Tipos documentales (puntos del grafo y etiquetas) --------------- */
  --tipo-constitucion:#6b3fa0;
  --tipo-ley:#1a4d76;
  --tipo-decreto:#1f7a4d;
  --tipo-resolucion:#a9700f;
  --tipo-jurisprudencia:#b3311c;
  --tipo-concepto:#2c6ca6;
  --tipo-otro:#6b7684;

  /* --- Superficie ------------------------------------------------------ */
  --fondo:var(--gris-50);
  --superficie:var(--blanco);
  --borde:var(--gris-200);
  --borde-fuerte:var(--gris-300);
  --texto:var(--gris-900);
  --texto-suave:var(--gris-500);
  --texto-medio:var(--gris-700);

  /* --- Tipografía ------------------------------------------------------
     Pila del sistema: sin descargas, sin dependencia de CDN, y se ve nativa
     en cada plataforma. */
  --fuente:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --fuente-lectura:Georgia,"Times New Roman",serif;
  --fuente-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --t-micro:11.5px;
  --t-meta:12.5px;
  --t-small:13.5px;
  --t-body:15px;
  --t-lead:17px;
  --t-h3:19px;
  --t-h2:23px;
  --t-h1:clamp(28px,3.6vw,40px);

  /* --- Espaciado y forma ----------------------------------------------- */
  --e1:4px;  --e2:8px;  --e3:12px; --e4:16px;
  --e5:24px; --e6:32px; --e7:48px; --e8:64px;

  --radio-sm:6px;
  --radio:10px;
  --radio-lg:16px;
  --radio-pill:999px;

  --sombra-sm:0 1px 3px rgba(11,39,64,.06);
  --sombra:0 2px 10px rgba(11,39,64,.08);
  --sombra-lg:0 8px 28px rgba(11,39,64,.14);
  --sombra-xl:0 18px 48px rgba(11,39,64,.18);

  --ancho-max:1240px;
  --ancho-lectura:74ch;

  --transicion:.16s cubic-bezier(.32,.72,0,1);
}