/* Waack On — tipografía (guía de marca v1). Cuatro voces, un uso cada una. */
:root{
  --font-sans:"Geist",system-ui,sans-serif;            /* interfaz y texto */
  --font-mono:"Geist Mono",ui-monospace,monospace;     /* etiquetas, metadatos, cifras */
  --font-serif:"Instrument Serif",Georgia,serif;       /* títulos de página y héroe */
  --font-display:"Syne",var(--font-sans);              /* marca y marketing — nunca dentro de la app */
  --font-neon:var(--font-serif); /* alias heredado */
  /* Escala de la guía */
  --text-hero:56px;--text-title:44px;--text-h2:24px;--text-h3:16px;
  --text-body:14px;--text-small:13px;--text-label:12px;--text-caption:11px;--text-mono:9px;
  /* Escala heredada (px de la app) */
  --fs-micro:8px;--fs-tiny:9px;--fs-label:10px;--fs-nav:11px;--fs-xs:12px;--fs-sm:14px;--fs-base:16px;
  --fs-lg:18px;--fs-xl:24px;--fs-2xl:32px;--fs-3xl:44px;--fs-display:56px;
  --fw-light:300; /* @kind font */
  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:700; /* @kind font */
  --fw-extrabold:800; /* @kind font */
  --lh-tight:1; /* @kind font */
  --lh-snug:1.3; /* @kind font */
  --lh-body:1.55; /* @kind font */
  --tracking-eyebrow:.22em; /* @kind font */
  --tracking-tag:.16em; /* @kind font */
  /* Semánticos */
  --type-hero:400 var(--text-hero)/1 var(--font-serif); /* @kind font */
  --type-title:400 var(--text-title)/1 var(--font-serif); /* @kind font */
  --type-h2:700 var(--text-h2)/1.2 var(--font-sans); /* @kind font */
  --type-h3:700 var(--text-h3)/1.3 var(--font-sans); /* @kind font */
  --type-body:400 var(--text-body)/1.55 var(--font-sans); /* @kind font */
  --type-control:700 var(--text-label)/1 var(--font-sans); /* @kind font */
  --type-eyebrow:700 var(--text-mono)/1 var(--font-mono); /* @kind font */
  --type-display:400 var(--text-title)/1 var(--font-serif); /* @kind font */
  --type-wordmark:800 28px/1 var(--font-display); /* @kind font */
}