/* ============ TYPOGRAPHY ============
   Four voices, each with one job:
     display → Fredoka          bouncy chunky headlines ("the portfolio")
     serif   → Playfair italic  soft romantic sub-heads ("of a color-obsessed")
     body    → Nunito Sans      friendly readable paragraphs
     mono    → Space Mono       UPPERCASE letter-spaced labels, nav, pills */
:root {
  --font-display: "Fredoka", "Trebuchet MS", sans-serif;
  --font-serif:   "Playfair Display", Georgia, serif;
  --font-body:    "Nunito Sans", "Segoe UI", sans-serif;
  --font-mono:    "Space Mono", "Courier New", monospace;

  /* weights */
  --fw-body:      400; /* @kind font */
  --fw-body-bold: 700; /* @kind font */
  --fw-display:   600; /* @kind font */
  --fw-display-hv:700; /* @kind font */

  /* fluid display scale */
  --fs-hero:   clamp(2.75rem, 6vw, 5rem);    /* @kind font */
  --fs-h1:     clamp(2rem, 4vw, 3rem);       /* @kind font */
  --fs-h2:     clamp(1.5rem, 2.6vw, 2.1rem); /* @kind font */
  --fs-h3:     1.25rem; /* @kind font */
  --fs-serif:  clamp(1.5rem, 3vw, 2.4rem);   /* @kind font */

  /* body scale */
  --fs-lead:   1.0625rem;   /* @kind font */
  --fs-body:   0.9375rem;   /* @kind font */
  --fs-sm:     0.8125rem;   /* @kind font */

  /* mono label scale (always uppercase + tracked out) */
  --fs-label:  0.6875rem;   /* @kind font */
  --fs-micro:  0.625rem;    /* @kind font */

  --lh-tight:  1.02; /* @kind font */
  --lh-head:   1.12; /* @kind font */
  --lh-body:   1.65; /* @kind font */

  --ls-label:  0.18em;   /* @kind font */
  --ls-nav:    0.12em; /* @kind font */
  --ls-display:-0.01em; /* @kind font */
}