/* tokens.css · FUENTE ÚNICA. No se escribe un color fuera de aquí. */
:root {
  --text:  rgba(26, 35, 50, 0.64);
  --line:  rgba(26, 35, 50, 0.16);
  --line-field: rgba(26, 35, 50, 0.49);
  --error: #c0392b;
  --error-bg: rgba(192, 57, 43, 0.08);
  --success: #4a7c59;
  --disabled-ink: rgba(26, 35, 50, 0.30);
  --disabled-bg: rgba(26, 35, 50, 0.06);
  --tokens-version: "2026-08-10-73b7c94b";

  --serif: 'Cormorant Garamond', Georgia, serif;
  --body:  'Zen Kaku Gothic New', sans-serif;
  /* --space-section/--space-block/--space-gap: mismo mínimo y máximo que
     antes, curva actualizada por el espécimen del sistema visual
     (2026-08-09). --space-inline se retiró: su rol (margen lateral) lo
     absorbe --pad, único margen lateral para las 12 rutas. */
  --space-section: clamp(56px, 4vw + 40px, 112px);
  --space-block:   clamp(36px, 2.2vw + 28px, 64px);
  --space-gap:     clamp(24px, 1.25vw + 19px, 40px);
  --space-encuentro: calc(var(--space-section) / 2);

  /* Ritmo vertical (2026-08-10). Los dos únicos huecos del sistema.
     En em, no en px, para que escalen con el tipo: 16px fijos bajo un
     h1 de 82px se ven pegados, bajo un h3 de 22px se ven sueltos.
     Ver el bloque "SISTEMA 1 · RITMO VERTICAL" de global.css. */
  --ritmo-titulo: 0.5em;
  --ritmo-bloque: 1.15em;

  /* home: agregados al portar home-08.html a Astro, 2026-08-06.
     --line-suave es el --line de home-08 (rgba .11): ya existía --line arriba
     con .16, así que este se renombró para no pisar el valor viejo. */
  --azul: #1b3a63;
  --oro: #e0c48a;
  --oro-h: #d1b075;
  --bg: #ffffff;
  --alt: #f4f5f7;
  --ink: #1a2332;
  --ink-b: rgba(26, 35, 50, .82);
  /* .56 daba 3.77:1 sobre --bg y 3.67:1 sobre --alt: por debajo del 4.5:1
     que pide WCAG 2.2 AA para texto normal. Lo usa el texto secundario de
     todo el sitio (kick, nota, cite, pies, footer), así que eran ~393
     elementos por debajo del mínimo en las 12 rutas. El checador viejo
     nunca lo vio porque solo miraba 8 pares escritos a mano y este no
     estaba. .64 es el valor más chico que pasa en los dos fondos
     (4.83:1 y 4.67:1). Queda igual que --text: son dos nombres para el
     mismo valor, candidato a consolidar, no se toca hoy. */
  --ink-m: rgba(26, 35, 50, .64);
  --luz: #ffffff;
  --luz-b: rgba(255, 255, 255, .78);
  --luz-20: rgba(255, 255, 255, .2);
  /* .45 daba 3.64:1 sobre --azul (el reloj del mockup). .55 es el mínimo
     que pasa 4.5:1. Mismo caso que --ink-m: nunca estuvo en la lista vieja. */
  --luz-45: rgba(255, 255, 255, .55);
  --luz-55: rgba(255, 255, 255, .55);
  --luz-60: rgba(255, 255, 255, .6);
  --luz-62: rgba(255, 255, 255, .62);
  --luz-66: rgba(255, 255, 255, .66);
  --oro-35: rgba(224, 196, 138, .35);
  --line-suave: rgba(26, 35, 50, .11);
  --line-luz: rgba(255, 255, 255, .16);
  /* --pad: 2026-08-09, valores nuevos del espécimen (era 22/72, ahora 24/64).
     El espécimen también trae --pad-in y --pad-out, idénticos a --pad en
     valor — Carlos pidió dejar un solo nombre, no tres para lo mismo. */
  --pad: clamp(24px, 5vw, 64px);
  --sec: clamp(56px, 7.5vw, 124px);
  --glow: 0 26px 60px rgba(27, 58, 99, .26);
  --glow-medio: 0 20px 46px rgba(27, 58, 99, .16);
  --glow-suave: 0 12px 34px rgba(27, 58, 99, .10);
  --mono: ui-monospace, monospace;
  --negro: #000;

  /* ── Sistema visual · espécimen de Design, 2026-08-09 ──────
     Escala tipográfica, botón, movimiento y oficio. Todo lo de
     abajo es nuevo — no reemplaza nada que existiera antes. */
  --fs-h1: clamp(40px, 4.63vw + 22.6px, 81.92px);
  --fs-h2: clamp(30px, 3.19vw + 18px, 58.88px);
  --fs-h3: clamp(22px, 2.24vw + 13.6px, 42.3px);
  --fs-cita: clamp(24px, 1.55vw + 18.2px, 40px);
  --fs-body: clamp(17px, .5vw + 13px, 20px);
  --fs-body-sec: clamp(16px, .34vw + 12.7px, 18px);
  --fs-pie: 14px;
  --fs-rotulo: 13px;
  --fs-btn: 16px;

  --lh-title: 1.04;
  --lh-h3: 1.16;
  --lh-cita: 1.28;
  --lh-body: 1.65;
  --lh-pie: 1.5;

  --ls-display: -.012em;
  --ls-h3: -.006em;
  --ls-cita: -.008em;
  --ls-rotulo: .24em;
  --ls-btn: .14em;
  --ls-pie: .06em;

  /* pesos que de verdad se sirven (los 6 woff2 de /fonts/):
     Cormorant normal 400 y 600, itálica 400 y 500. No hay 500 normal.
     Zen Kaku normal 400 y 500. No hay itálica ni 700. */
  --w-regular: 400;
  --w-medium: 500;
  --w-semibold: 600;
  --w-h3: 600;

  /* Anchos */
  --max-page: 1180px;
  --max-media: 1400px;
  --measure: 52ch;

  /* Botón. Una base, dos tamaños. */
  --btn-radius: 0px;
  --btn-pad: 18px 42px;
  --btn-pad-sm: 12px 26px;
  --btn-fondo: var(--oro);
  --btn-texto: var(--ink);
  --btn-velo-activo: rgba(26, 35, 50, .10);

  /* Oficio */
  --rule-w: 2.5rem;
  --rule-h: 1px;
  --focus-ring: 0 0 0 2px var(--luz), 0 0 0 4px var(--azul);
  --underline-offset: .18em;
  --caption-delay: 80ms;
  --sube-pie: 9px;

  /* Movimiento. Tres, y ninguno más. */
  --motion-dur-corta: .16s;
  --motion-dur-media: .32s;
  --motion-dur-larga: .5s;
  --motion-curva: cubic-bezier(.25, .1, .25, 1);
  --motion-sube: 18px;
  --motion-escalon: 70ms;

  /* Figura */
  --radio-media: 8px;
  --sombra-media: var(--glow-suave);
}