/* tokens.css — variables únicas de marca (MASTER-BUILD §2.1/§2.2)
   Fuente de la verdad de color, tipografía, ease y capas A/U/T/E. */
:root{
  /* Color (brief §1) */
  --cream:      #fbfaf7;  /* fondo */
  --ink:        #111111;  /* tinta / texto */
  --dim:        #5a5a5a;  /* texto secundario, labels */
  --accent:     #0fb87f;  /* teal — acción, acentos */
  --accent-deep:#1f5f4a;  /* verde tinta — acentos sobrios */

  /* Capas A/U/T/E (extraídas de LAYER_DEFS / --layer-accent del index legacy) */
  --layer-a: #6EE7A0;  /* A · Aplicación — verde esmeralda */
  --layer-u: #3FE0CA;  /* U · Universal — teal vívido */
  --layer-t: #B69CFF;  /* T · Industria — violeta */
  --layer-e: #F0D079;  /* E · Empresa Legendary — dorado */

  /* Movimiento */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);

  /* Tipografía (roles, no decoración) */
  --sans:         'Host Grotesk', 'Geist', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --display:      'Anton', 'Host Grotesk', sans-serif;
  --serif-accent: 'Fraunces', Georgia, 'Times New Roman', serif;
  --mono:         'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Escala fluida (subida — el texto debe leerse claro y con protagonismo) */
  --fs-display: clamp(72px, 13vw, 200px);  /* Anton — momentos puntuales */
  --fs-h1:      clamp(42px, 6.6vw, 92px);  /* Host 800 — hero/headlines */
  --fs-h2:      clamp(32px, 5.2vw, 66px);  /* Host 800 — sub-headlines */
  --fs-body:    clamp(18px, 1.55vw, 23px); /* cuerpo — legible, grande */
  --fs-label:   clamp(12px, 1.2vw, 14px);  /* Geist Mono */

  /* Ritmo vertical entre actos */
  --act-pad: clamp(64px, 12vh, 160px);
}