/* Enseguida Comercio: tokens de marca (W5, 5-oct-2026).
   Fuente única de colores, tipos, medidas y movimiento. W6 (sitio de venta) copia este archivo tal cual; no lo edita.
   Reglas (PLAN_FLOW_5OCT §2.1):
   - Dos superficies: tinta #141414 y papel #F7F6F2. El amarillo #FFD23F es solo para acción y datos.
   - Bricolage 800 para display y cifras; Geist para la interfaz. No se carga ninguna otra fuente.
   - Sin degradados decorativos, sin glass, sin sombras de color. */

@font-face{font-family:"Bricolage";src:url("/static/fonts/bricolage-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Geist";src:url("/static/fonts/geist-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Geist";src:url("/static/fonts/geist-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

:root{
  /* Superficies */
  --ink:#141414;          /* tinta: texto y lienzo oscuro */
  --paper:#F7F6F2;        /* papel: fondo claro */
  --white:#FFFFFF;
  --yellow:#FFD23F;       /* acción y datos; un solo bloque amarillo a sangre por página */
  --yellow-press:#F2C21F;

  /* Derivados de tinta sobre papel */
  --text:#141414;
  --text-2:#55534D;       /* secundario, AA sobre papel (7,1:1) */
  --text-3:#76736B;       /* fichas y letra chica, AA sobre papel (4,6:1) */
  --line:#E2E0D8;
  --line-strong:#C9C6BC;
  --wash:#EFEDE6;         /* fondo de bloques sobre papel */

  /* Derivados de papel sobre tinta (lienzo oscuro de Crear y del muro) */
  --on-ink:#F7F6F2;
  --on-ink-2:#B9B6AE;     /* AA sobre tinta (9,4:1) */
  --on-ink-3:#8E8B83;     /* AA sobre tinta (5,6:1) */
  --ink-line:#2B2B29;
  --ink-raise:#1E1E1D;    /* tarjetas sobre el lienzo oscuro */
  --ink-raise-2:#272726;

  /* Estados (solo texto y bordes, nunca fondos de color) */
  --ok:#1F7A4A;
  --warn:#9A5B00;
  --bad:#B42318;
  --ok-on-ink:#6FD39B;
  --warn-on-ink:#F2B44C;
  --bad-on-ink:#FF8A80;

  /* Tipos */
  --font-display:"Bricolage","Geist",system-ui,sans-serif;
  --font-ui:"Geist",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --fs-display:clamp(34px,5.2vw,56px);
  --fs-h1:clamp(28px,3.6vw,40px);
  --fs-h2:22px;
  --fs-h3:17px;
  --fs-body:15px;
  --fs-small:13px;
  --fs-tiny:12px;
  --fs-figure:clamp(40px,5vw,64px);  /* cifras grandes (créditos, precios) */
  --lh-tight:1.04;
  --lh-body:1.55;
  --track-display:-0.025em;

  /* Medidas */
  --gutter:16px;
  --gap:12px;
  --gap-l:24px;
  --gap-xl:48px;
  --radius:10px;
  --radius-s:6px;
  --radius-l:14px;
  --max:1240px;
  --tap:44px;             /* alto mínimo de un control táctil */

  /* Movimiento: se mueve el contenido, no la página */
  --ease:cubic-bezier(.2,.7,.2,1);
  --fast:.14s;

  /* Foco visible en las dos superficies */
  --focus:0 0 0 2px var(--paper),0 0 0 4px var(--ink);
  --focus-on-ink:0 0 0 2px var(--ink),0 0 0 4px var(--yellow);
}

@media (prefers-reduced-motion:reduce){
  :root{--fast:0s}
}