/* ========================================================================
   CAPA 1 · SISTEMA DE DISEÑO (tokens)
   ------------------------------------------------------------------------
   Fuente única de verdad del lenguaje visual de KIVA Ahorro.
   Cambia un token aquí y se propaga a TODO el sitio. No metas valores
   de color, radio o sombra "a mano" en otros archivos: usa estos tokens.
   ======================================================================== */
:root{
  /* --- Color · marca --------------------------------------------------- */
  --navy:#254B62;
  --navy-deep:#15303D;
  --navy-ink:#1B3A4A;
  --amber:#DDA53A;
  --amber-text:#946811;
  --amber-soft:#F4E4C2;

  /* --- Color · superficie y texto ------------------------------------- */
  --paper:#FCFAF6;
  --white:#FFFFFF;
  --ink:#1E343F;
  --muted:#5E707A;
  --faint:#647079;

  /* --- Color · líneas y estados --------------------------------------- */
  --line:#E3DED3;
  --line-strong:#CFD8DC;
  --info-bg:#EAF1F4;
  --info-border:#D6E2E8;
  --green:#2E7D5B;

  /* --- Tipografía ----------------------------------------------------- */
  --font-sans:'Hanken Grotesk', system-ui, sans-serif;

  /* --- Radios --------------------------------------------------------- */
  --r-card:16px;
  --r-btn:13px;

  /* --- Sombras -------------------------------------------------------- */
  --shadow-card:0 1px 2px rgba(21,48,61,.05);
  --shadow-lift:0 18px 50px -22px rgba(21,48,61,.34);

  /* --- Layout --------------------------------------------------------- */
  --maxw:1180px;
  --nav-h:72px;
}