/* =========================================================
   INFOP v2 — Tokens de diseño
   Única fuente de verdad para color, espaciado, tipografía y
   sombras. Cambiar un valor aquí lo cambia en todo el sistema.
   ========================================================= */
:root{
  /* Marca institucional */
  --infop-900:#16326b;
  --infop-800:#1e438b;
  --infop-700:#234f9f;
  --infop-600:#2b62b9;
  --infop-500:#3b7ad4;
  --infop-100:#e3ecfa;
  --infop-50:#f2f6fd;

  /* Texto */
  --ink:#0f172a;
  --ink-2:#334155;
  --muted:#64748b;
  --faint:#94a3b8;

  /* Superficies */
  --bg:#f4f6fb;
  --surface:#ffffff;
  --surface-2:#f8fafc;
  --line:#e2e8f0;
  --line-strong:#cbd5e1;

  /* Semánticos */
  --ok:#16a34a;      --ok-bg:#dcfce7;      --ok-ink:#166534;
  --warn:#d97706;    --warn-bg:#fef3c7;    --warn-ink:#92400e;
  --danger:#dc2626;  --danger-bg:#fee2e2;  --danger-ink:#991b1b;
  --info:#0284c7;    --info-bg:#e0f2fe;    --info-ink:#075985;

  /* Espaciado (escala de 4px) */
  --s-1:4px;  --s-2:8px;  --s-3:12px; --s-4:16px;
  --s-5:20px; --s-6:24px; --s-8:32px; --s-10:40px; --s-12:48px;

  /* Radios */
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:20px; --r-full:999px;

  /* Sombras */
  --sh-1:0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.08);
  --sh-2:0 4px 12px rgba(15,23,42,.08);
  --sh-3:0 12px 32px rgba(35,79,159,.12);
  --sh-4:0 20px 50px rgba(35,79,159,.16);

  /* Tipografía */
  --font:"Nunito", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --fs-xs:12px; --fs-sm:13px; --fs-base:14px; --fs-md:16px;
  --fs-lg:20px; --fs-xl:26px; --fs-2xl:34px;

  /* Layout */
  --header-h:72px;
  --content-max:1440px;

  --t-fast:.14s ease;
  --t-base:.2s ease;
}