/* Tokens de diseño de Montesafe: la única fuente de valores visuales.
   Azul y marino medidos en el PDF de la presentación. El dorado es exclusivo de Copeval. */
:root {
  /* Color */
  --azul: #257FCC;              /* Azul Montesafe (PDF) */
  --azul-boton: #1F72BA;        /* Fondo de botón: texto blanco con contraste ≥ 4.5:1 */
  --azul-600: #1D69AD;          /* Texto azul pequeño sobre claro */
  --azul-300: #7FB6E8;          /* Acentos sobre azul noche */
  --azul-050: #EAF3FB;
  --marino: #2B485F;            /* Azul marino de títulos (PDF) */
  --noche: #0B1520;             /* Azul noche: puerta, La diferencia, pie */
  --noche-2: #112235;
  --noche-3: #1A3048;
  --tinta: #14212D;             /* Texto principal sobre claro */
  --texto: #435465;             /* Párrafos */
  --texto-suave: #5E6F82;       /* Texto secundario (≥ 4.5:1 sobre --fondo) */
  --linea: #E1E7EE;
  --fondo: #F6F8FB;
  --blanco: #FFFFFF;
  --claro-sobre-noche: #E8EEF4;
  --suave-sobre-noche: #9FB2C4;
  --oro: #DEB84A;               /* Solo Copeval */
  --oro-sombra: #B08622;        /* Solo Copeval */
  --error-sobre-noche: #F2A5A6;

  /* Tipografía: opción A "Autoridad", elegida por Benji */
  --f-titulo: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-texto: 'Public Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-cifra: 'Oswald', 'Arial Narrow', sans-serif;
  --w-titulo: 800;
  --w-cifra: 600;
  --tracking-titulo: -0.02em;
  --tracking-cifra: 0em;
  --t-xs: .8125rem;
  --t-sm: .9375rem;
  --t-base: clamp(1rem, .96rem + .2vw, 1.0625rem);
  --t-lg: clamp(1.125rem, 1.05rem + .35vw, 1.3125rem);
  --t-xl: clamp(1.5rem, 1.28rem + 1vw, 2.125rem);
  --t-2xl: clamp(2rem, 1.55rem + 2.1vw, 3.25rem);
  --t-3xl: clamp(2.5rem, 1.75rem + 3.4vw, 4.5rem);
  --t-cifra: clamp(3.25rem, 2.35rem + 4.2vw, 5.75rem);
  --t-cifra-palabra: clamp(1.5rem, 1.1rem + 1.6vw, 2.75rem);   /* "Ex Agregado" cabe en una línea desde 360 px */

  /* Espacio (unidad base de 4 px) */
  --s-1: .25rem; --s-2: .5rem; --s-3: .75rem; --s-4: 1rem; --s-5: 1.5rem;
  --s-6: 2rem; --s-7: 3rem; --s-8: 4.5rem; --s-9: 6.5rem;
  --gutter: clamp(1rem, 4vw, 2.5rem);
  --ancho: 72rem;

  /* Forma: tres radios + píldora (solo botones y chips) */
  --r-sm: 10px;
  --r-md: 18px;
  --r-lg: 28px;
  --r-pill: 999px;

  /* Profundidad: sombras en capas */
  --sombra-1: 0 1px 2px rgba(15, 30, 48, .06), 0 2px 8px rgba(15, 30, 48, .05);
  --sombra-2: 0 1px 2px rgba(15, 30, 48, .05), 0 10px 28px -10px rgba(15, 30, 48, .16), 0 28px 56px -28px rgba(15, 30, 48, .20);
  --sombra-azul: 0 12px 30px -12px rgba(37, 127, 204, .6);

  /* Movimiento (§7.5) */
  --ease: cubic-bezier(.22, 1, .36, 1);
  --ease-emph: cubic-bezier(.2, 0, 0, 1);
  --ease-boveda: cubic-bezier(.7, 0, .2, 1);   /* Horizonte (§7.7): parte lenta, como una puerta pesada */
  --dur-1: 180ms;
  --dur-2: 350ms;
  --dur-3: 600ms;

  /* Logo: geometría medida en el PDF (assets/logos/geometria-logo.json) */
  --logo-linea-top: 69.05%;
  --logo-linea-alto: 1.51%;
  --logo-linea-izq: -13.95%;
  --logo-linea-ancho: 127.44%;
  --logo-m-ancho: 41.98%;
  --logo-m-desplazamiento: 1.04%;
  --logo-separacion: 6.7%;
}