/* ============================================================
   Brisa — Typography tokens
   Two families max per artifact (brand rule).
   Jost   = brand + product voice (geometric, calm, legible).
   Atkinson Hyperlegible = legibility-first UI / glance-from-distance.
   Avoid hairline weights and aggressive technical type.
   ============================================================ */

:root {
  /* Families */
  --font-sans: "Jost", "Century Gothic", "Futura", system-ui, sans-serif;
  --font-legible: "Atkinson Hyperlegible", "Jost", system-ui, sans-serif;

  /* Weights — Jost reads calm; reserve 700/800 for the wordmark scale */
  --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-heavy: 800; /* @kind font */

  /* Type scale (brand / web) — generous, airy */
  --fs-display: 72px;   /* hero wordmark scale */
  --fs-h1: 52px;
  --fs-h2: 38px;
  --fs-h3: 28px;
  --fs-title: 22px;
  --fs-body-lg: 19px;
  --fs-body: 17px;
  --fs-small: 15px;
  --fs-caption: 13px;
  --fs-overline: 12px;

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

  /* Letter spacing — overlines/labels are tracked, uppercase */
  --ls-tight: -0.01em; /* @kind font */
  --ls-normal: 0; /* @kind font */
  --ls-wide: 0.08em; /* @kind font */
  --ls-overline: 0.16em; /* @kind font */
}