/* ANZ estudio — tokens de diseño (fuente única, servida como /tokens.css)
   Manual: docs/web_ux_manual.md §6. Regla: WP linkea este archivo o el plugin lo copia
   con hash de versión en su release — NUNCA dos copias editables (drift garantizado).
   Contrastes medidos sobre --bg (hueso): AA para compradora 50+. v2 — 2026-07-20
   Changelog v2: token indigo/azul eliminado (links/foco → --salvia) · tracking label .04→.08em ·
   --sp-4 40→48 · rampa h4 22→21 / h3 28→26 / h1-desk 56→54 · b,strong{font-weight:600} */
:root{
  /* 6.1 Color */
  --bg:        #f1ece4;  /* base de TODO el sitio — nunca blanco puro */
  --bg-alt:    #e9e2d6;  /* secciones alternadas, fondo de renders de card */
  --surface:   #faf7f1;  /* cards: 1 paso más claro, "flotan" sin sombra */
  --ink:       #1c1917;  /* texto principal — 14.9:1 AAA */
  --ink-2:     #57504a;  /* secundario — 6.7:1 AA */
  --ink-3:     #6b6257;  /* metadatos SIN consecuencia — 5.1:1, mínimo permitido */
  --line:      #d9d1c3;  /* bordes 1px */
  --salvia:    #3e4a39;  /* texto/iconos salvia — 8.0:1 */
  --salvia-ui: #6f7f68;  /* bordes activos / fondo de badge con texto --ink — 3.6:1 solo UI */
  --ink-hover: #2b2620;  /* hover del CTA primario — 12.8:1 */

  /* 6.2 Tipografía — Archivo 400/500/600 + Archivo Expanded 600 display. Base 18px, escala 1.25.
     REGLA DURA: ningún texto que afecte precio o expectativa por debajo de 17px/--ink-2. */
  --font:      'Archivo', system-ui, sans-serif;
  --fs-body:   18px;   --lh-body: 1.6;
  --fs-min:    17px;   /* mínimo absoluto para texto con consecuencia */
  --fs-small:  15px;   /* SOLO metadatos sin consecuencia */
  --fs-label:  13px;   /* labels/badges: 500, uppercase, letter-spacing .08em (único uso de mayúsculas) */
  --fs-h4:     21px;   --fs-h3: 26px;  --fs-h2: 35px;   /* 600; H2 en Expanded */
  --fs-h1:     44px;   --fs-h1-desk: 54px;              /* Expanded 600 */
  --fs-precio-card: 20px;  --fs-precio-total: 22px;     /* 600 */

  /* 6.3 Espaciado / grilla / radios */
  --sp-1: 8px; --sp-2: 16px; --sp-3: 24px; --sp-4: 48px; --sp-5: 64px; --sp-6: 96px;
  --container: 1200px;  --pad-lat: 20px;  --pad-lat-desk: 40px;
  --radius-card: 12px;  --radius-btn: 10px;
  --shadow-hover: 0 1px 3px rgba(28,25,23,.06);   /* la ÚNICA sombra permitida */

  /* 6.4 Botones */
  --btn-h: 52px;  --btn-fs: 17px;  --btn-pad: 16px 28px;
}
/* Foco visible SIEMPRE (accesibilidad 50+) */
:focus-visible{ outline: 2px solid var(--salvia); outline-offset: 2px; }
/* Archivo no carga 700: capar la negrita del navegador (evita fake bold) */
b,strong{ font-weight: 600; }