/* ============================================================
   TYPOGRAPHY TOKENS
   Display = Space Grotesk (tight, confident, editorial)
   Body    = Inter (light, quiet)
   ============================================================ */
:root {
  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-body:    "Inter", system-ui, sans-serif;
  --font-serif:   "Libre Baskerville", Georgia, serif; /* editorial italic accent (Artistic) */

  /* Weights */
  --w-light:   300; /* @kind font */
  --w-regular: 400; /* @kind font */
  --w-medium:  500; /* @kind font */
  --w-semi:    600; /* @kind font */
  --w-bold:    700; /* @kind font */

  /* Fluid display scale — cinematic headlines */
  --fs-mega:    clamp(4rem, 9vw, 9rem); /* @kind font */      /* hero name / page title */
  --fs-display: clamp(2.5rem, 4.6vw, 4.8rem); /* @kind font */ /* section headlines */
  --fs-title:   clamp(1.6rem, 2.2vw, 2.4rem); /* @kind font */ /* card / project titles */
  --fs-lead:    1.1rem; /* @kind font */                       /* role / lead line */

  /* Body + UI scale */
  --fs-body:    0.9rem; /* @kind font */
  --fs-sm:      0.82rem; /* @kind font */
  --fs-xs:      0.72rem; /* @kind font */
  --fs-eyebrow: 0.65rem; /* @kind font */   /* labels, kickers, nav */

  /* Line heights */
  --lh-tight:   0.9; /* @kind other */    /* display */
  --lh-snug:    1.15; /* @kind other */
  --lh-body:    1.72; /* @kind other */   /* paragraphs */

  /* Letter spacing */
  --ls-tight:   -0.03em; /* @kind other */ /* big display */
  --ls-snug:    -0.01em; /* @kind other */
  --ls-normal:   0; /* @kind other */
  --ls-wide:     0.06em; /* @kind other */ /* eyebrows / nav */
  --ls-wider:    0.1em; /* @kind other */  /* uppercase labels */
}