/* ============================================================
   TYPOGRAPHY
   Three voices:
   - display : ANTON — condensed grotesque, always UPPERCASE, tight
               leading. Mastheads, headlines, project titles, stamps.
   - body    : Spectral — a warm serif for reading copy (deck / blurb).
   - mono    : Space Mono — labels, kickers, folio, captions, metadata.
               Always uppercase with wide tracking.
   ============================================================ */

:root {
  /* --- families --- */
  --font-display: "Anton", "Oswald", sans-serif;
  --font-body:    "Spectral", Georgia, serif;
  --font-mono:    "Space Mono", ui-monospace, monospace;

  /* --- display scale (Anton) --- */
  --display-xl: clamp(30px, 5vw, 62px);   /* @kind font */
  --display-l:  clamp(28px, 4vw, 50px);   /* @kind font */
  --display-m:  clamp(24px, 2.5vw, 32px); /* @kind font */
  --display-s:  clamp(20px, 2.2vw, 28px); /* @kind font */
  --display-leading: 0.94;                /* tight         */
  --display-tracking: 0.01em;

  /* --- body scale (Spectral) --- */
  --body-l: clamp(16px, 1.4vw, 20px);     /* @kind font */
  --body-m: 15px;                         /* blurb     */
  --body-leading: 1.55;

  /* --- mono / label scale (Space Mono) --- */
  --label-l: 12px;
  --label-m: 11px;
  --label-s: 10px;
  --label-tracking: 0.14em;   /* default label tracking */
  --label-tracking-wide: 0.24em;
  --label-tracking-xwide: 0.34em; /* eyebrow */
  --label-weight: 700;
}