:root {
  /* Base */
  --void: #050508;              /* True background — not pure black */
  --deep: #0d0d14;              /* Card/panel background */
  --surface: #161622;           /* Elevated surface */
  --border: rgba(255,255,255,0.07);

  /* Text */
  --text-primary: #e8e8f0;      /* Slightly blue-white, not pure white */
  --text-secondary: rgba(232,232,240,0.5);
  --text-dim: rgba(232,232,240,0.25);

  /* Room accent colors — each room owns one */
  --scope-color: #7DF9C8;       /* Oscilloscope green — teal/mint */
  --samples-color: #C8A2F9;     /* Crystal violet */
  --lab-color: #F9C87D;         /* Amber — branching, warm, unfinished */
  --dopamean-color: #F97D9E;    /* Signal pink — frequency, transmission */
  --root-color: #7DA8F9;        /* Root blue — the void, the space */

  /* Glow variants (use for bloom effects) */
  --scope-glow: rgba(125,249,200,0.15);
  --samples-glow: rgba(200,162,249,0.15);
  --lab-glow: rgba(249,200,125,0.15);
  --dopamean-glow: rgba(249,125,158,0.15);
  --root-glow: rgba(125,168,249,0.15);

  /* Type scale */
  --type-display: 3.5rem;     /* Room titles, hero text */
  --type-heading: 1.75rem;    /* Section headers */
  --type-label: 0.65rem;      /* Navigation labels, metadata */
  --type-body: 0.9rem;        /* Body copy */
  --type-mono: 0.8rem;        /* Technical data, code */

  --tracking-display: 0.3em;  /* Always letter-space display text */
  --tracking-label: 0.2em;    /* Always letter-space labels */
}