/* Overminds typography scale — from src/components/Text.tsx + article.css.
   Space Grotesk for display/headings, Inter for body, Geist Mono for labels,
   Instrument Serif for editorial italic pullquotes. */
:root {
  /* ---- Families ---- */
  --font-display: "Space Grotesk", sans-serif; /* headings, hero, buttons */
  --font-body: "Inter", Arial, Helvetica, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, monospace; /* technical labels, kickers */
  --font-serif: "Instrument Serif", serif;      /* editorial italic accents */

  /* ---- Weights ---- */
  --fw-regular: 400;    /* @kind font */
  --fw-medium: 500;     /* @kind font */
  --fw-semibold: 600;   /* @kind font */
  --fw-bold: 700;       /* @kind font */

  /* ---- Display / heading sizes (fluid) ---- */
  --text-hero: clamp(48px, 8vw, 88px);      /* leading-none, tracking -0.04em, weight 500–700 */
  --text-headline: clamp(32px, 5vw, 56px);  /* tracking-tight, bold */
  --text-subheadline: clamp(22px, 2.2vw, 32px);
  --text-heading: clamp(18px, 2vw, 24px);

  /* ---- Body ---- */
  --text-body-lg: 17px;   /* article body, line-height 1.78 */
  --text-body-md: 16px;   /* base, line-height ~1.6 (relaxed) */
  --text-body-sm: 14px;

  /* ---- Mono label ---- */
  --text-label: 11px;     /* uppercase, tracking 0.18em */
  --text-label-sm: 10px;  /* uppercase, tracking 0.14–0.22em */

  /* ---- Letter-spacing ---- */
  --tracking-tight: -0.02em;  /* headings */
  --tracking-hero: -0.04em;   /* hero */
  --tracking-label: 0.18em;   /* mono kickers */
  --tracking-wide: 0.22em;    /* small mono labels */

  /* ---- Line-height ---- */
  --leading-none: 1;
  --leading-tight: 1.12;
  --leading-snug: 1.32;
  --leading-body: 1.6;
  --leading-relaxed: 1.78;
}