/* ============================================================
   AUDIO PRISM — TYPOGRAPHY TOKENS
   Two voices: a geometric grotesque for headers (clear, modern,
   "audio-engineering grade") and a monospace for technical specs,
   labels, timecodes and the no-dependency claims. Never condensed
   ultra-bold display — clarity over spectacle.
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-display: 'Space Grotesk', 'Segoe UI', system-ui, sans-serif;
  --font-sans:    'Space Grotesk', 'Segoe UI', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

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

  /* ---- Type scale (clamped, fluid for the portal hero) ---- */
  --text-display:  clamp(3rem, 7vw, 5.5rem);   /* hero — REDEFINE / AUDIO */
  --text-h1:       clamp(2.25rem, 4.5vw, 3.5rem);
  --text-h2:       clamp(1.75rem, 3vw, 2.5rem);
  --text-h3:       1.5rem;
  --text-h4:       1.25rem;
  --text-body-lg:  1.125rem;
  --text-body:     1rem;
  --text-sm:       0.875rem;
  --text-xs:       0.75rem;
  --text-mono-lg:  0.9375rem;
  --text-mono:     0.8125rem;   /* technical specs */
  --text-mono-xs:  0.6875rem;   /* labels, tags */

  /* ---- Line heights ---- */
  --leading-tight:  1.04;   /* display */
  --leading-snug:   1.18;   /* headings */
  --leading-normal: 1.5;    /* body */
  --leading-relaxed: 1.65;  /* long-form */

  /* ---- Letter spacing ---- */
  --tracking-display: -0.03em;  /* tighten big geometric caps */
  --tracking-heading: -0.015em;
  --tracking-normal:  0;
  --tracking-mono:    0.02em;
  --tracking-label:   0.18em;   /* UPPERCASE MONO LABELS */
}