:root{
  /* ---- Families ---- */
  --font-display: 'Smooch Sans', 'Arial Narrow', sans-serif; /* headlines, wordmark — UPPERCASE */
  --font-body: 'Outfit', system-ui, -apple-system, sans-serif; /* body, buttons, nav, UI */
  --font-mono: 'DM Mono', ui-monospace, 'SFMono-Regular', monospace; /* labels, eyebrows, tech */

  /* ---- Display scale (Smooch Sans is condensed; runs large) ---- */
  --display-2xl: 128px;
  --display-xl: 96px;
  --display-lg: 72px;
  --display-md: 56px;
  --display-sm: 40px;
  --display-line: 0.94; /* @kind other */
  --display-tracking: 0.01em; /* @kind other */

  /* ---- Body scale (Outfit) ---- */
  --text-xl: 22px;
  --text-lg: 18px;
  --text-md: 16px;
  --text-sm: 14px;
  --text-xs: 13px;
  --body-line: 1.55; /* @kind other */
  --body-line-tight: 1.3; /* @kind other */

  /* ---- Mono / eyebrow ---- */
  --mono-md: 14px; /* @kind font */
  --mono-sm: 12px; /* @kind font */
  --eyebrow-tracking: 0.16em; /* @kind other */ /* labels & eyebrows are widely tracked, UPPERCASE */

  /* ---- Weights ---- */
  --w-light: 300; /* @kind other */
  --w-regular: 400; /* @kind other */
  --w-medium: 500; /* @kind other */
  --w-semibold: 600; /* @kind other */
  --w-bold: 700; /* @kind other */
}