/* NEON VOID — Typography tokens
 * Display: Sora (heavy, all-caps, tight tracking) — aggressive & futuristic.
 * Body/UI: Inter — clean, legible counterpoint.
 * Data/Labels: Space Grotesk — set times, BPM, dates, technical chrome.
 */
:root {
  /* ---- Families ---- */
  --font-display: 'Sora', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-mono: 'Space Grotesk', ui-monospace, monospace;

  /* ---- Weights ---- */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-black: 800;

  /* ---- Display scale (Sora) ---- */
  --display-lg-size: 72px;
  --display-lg-weight: 800;
  --display-lg-line: 1.1;  /* @kind other */
  --display-lg-track: -0.04em;

  --headline-lg-size: 48px;
  --headline-lg-weight: 700;
  --headline-lg-line: 1.2;  /* @kind other */
  --headline-lg-track: -0.02em;

  --headline-md-size: 32px;
  --headline-md-weight: 700;
  --headline-md-line: 1.2;  /* @kind other */
  --headline-md-track: -0.01em;

  /* ---- Body scale (Inter) ---- */
  --body-lg-size: 18px;
  --body-lg-line: 1.6;  /* @kind other */
  --body-md-size: 16px;
  --body-md-line: 1.5;  /* @kind other */
  --body-sm-size: 14px;
  --body-sm-line: 1.5;  /* @kind other */

  /* ---- Label / data (Space Grotesk, all-caps, wide tracking) ---- */
  --label-caps-size: 14px;
  --label-caps-weight: 600;
  --label-caps-track: 0.1em;
  --label-sm-size: 11px;
  --label-sm-track: 0.14em;
}