/* ============================================================
   CLARE — TYPOGRAPHY TOKENS
   Archivo  → headlines, body, UI, navigation (grotesque sans)
   Lora     → manifesto, quotes, editorial warmth (italic serif)
   DM Mono  → prices, m², metrics, technical labels
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-sans:  'Archivo', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-serif: 'Lora', Georgia, 'Times New Roman', serif;
  --font-mono:  'DM Mono', 'SFMono-Regular', Menlo, monospace;

  /* ---- Weights ---- */
  --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 */

  /* ---- Type scale (px) — manual v01: editorial, restrained ---- */
  --fs-display: 36px;   /* Display / título de sección — Archivo 300, -0.02em, lh 1.1 */
  --fs-h1:      28px;
  --fs-h2:      22px;
  --fs-h3:      18px;
  --fs-lead:    15px;   /* Lora italic cita / manifesto — lh 1.6 */
  --fs-body:    14px;   /* Body — Archivo 400, lh 1.65 */
  --fs-nav:     12.5px; /* Navegación — Archivo 400, lh 1.4 */
  --fs-sm:      13px;
  --fs-micro:   11px;   /* DM Mono dato fino */
  --fs-label:   10px;   /* Label — Archivo 500 UPPER, 0.28em */
  --fs-eyebrow:  9px;   /* Overline / eyebrow — DM Mono 400 UPPER, 0.32em */

  /* ---- Line heights ---- */
  --lh-tight:   1.1;  /* @kind font */
  --lh-snug:    1.2;  /* @kind font */
  --lh-normal:  1.5;  /* @kind font */
  --lh-relaxed: 1.65; /* @kind font */

  /* ---- Tracking ---- */
  --tracking-display: -0.02em; /* @kind font */
  --tracking-tight:   -0.01em; /* @kind font */
  --tracking-normal:   0;      /* @kind font */
  --tracking-label:    0.28em; /* @kind font */
  --tracking-eyebrow:  0.32em; /* @kind font */
}