/* MA Anna — Typography tokens */

:root {
  /* ── Families ───────────────────────────────────── */
  --font-heading: 'Unbounded', system-ui, sans-serif;   /* display */
  --font-accent:  'Great Vibes', cursive;               /* calligraphic accent */
  --font-body:    'Fixel Display', system-ui, sans-serif;/* functional / UI / body */

  /* ── Display sizes (Unbounded 600) ──────────────── */
  --type-functional-heading: clamp(42px, 4.6vw, 88px);   /* section titles, popup title */
  --type-editorial-display:  clamp(56px, 6vw, 124px);    /* section centrepiece */
  --type-oversized:          clamp(96px, 13vw, 220px);   /* decorative background type */

  /* ── Body (Fixel Display 400) ───────────────────── */
  --type-body:       17px;
  --type-body-large: clamp(18px, 1.4vw, 22px);
  --type-body-small: 14px;

  /* ── Labels / subtitles / buttons ───────────────── */
  --type-label:  14px;
  --type-button: 16px;

  /* ── Line heights ───────────────────────────────── */
  --lh-display-tight: 0.88; /* @kind other */
  --lh-heading:       0.95; /* @kind other */
  --lh-body:          1.62; /* @kind other */
  --lh-label:         1.2;  /* @kind other */

  /* ── Tracking ───────────────────────────────────── */
  --ls-display:  -0.04em; /* @kind other */
  --ls-heading:  -0.03em; /* @kind other */
  --ls-label:    0.12em;  /* @kind other */
  --ls-button:   0.10em;  /* @kind other */
}