:root {
  /* Foundation — banked phosphor screen (banked orchid). Warm/deep, glowing from
     within, not retina-bright. Same screen treatment as the green anchor. */
  --tm-black: #0c0712;
  --tm-glow: rgba(170, 90, 200, 0.10);
  --tm-glow-soft: rgba(170, 90, 200, 0.05);
  --tm-vignette: rgba(0, 0, 0, 0.55);
  --tm-scanline: rgba(0, 0, 0, 0.22);

  --tm-bg: #0c0712;
  --tm-surface: #150d20;
  --tm-surface-raised: #1c1229;
  --tm-surface-active: #2c1a40;

  --tm-text: #ecdcf2;
  --tm-text-muted: #a98bb8;
  --tm-text-dim: #6a5375;

  --tm-primary: #b06ed0;
  --tm-primary-bright: #ca8fe6;
  --tm-primary-glow: rgba(176, 110, 208, 0.42);
  --tm-primary-soft: #281636;
  --tm-text-glow: rgba(176, 110, 208, 0.18);
  --tm-on-primary: #0c0414;

  --tm-line: #2a1c3a;
  --tm-line-bright: #46305e;

  --tm-warning: #e6b15a;
  --tm-warning-soft: #2a2010;
  --tm-danger: #ff6b6b;
  --tm-danger-soft: #2a1212;

  --tm-font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, ui-monospace, monospace;

  --tm-radius-sm: 3px;
  --tm-radius-md: 6px;
  --tm-radius-lg: 10px;

  --tm-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 30px 70px -36px rgba(0, 0, 0, 0.9);
  --tm-glow-ring: 0 0 0 1px rgba(176, 110, 208, 0.20), 0 0 40px -8px var(--tm-primary-glow);

  --tm-space-1: 4px;
  --tm-space-2: 8px;
  --tm-space-3: 12px;
  --tm-space-4: 16px;
  --tm-space-5: 24px;
  --tm-space-6: 32px;
  --tm-space-7: 48px;
  --tm-space-8: 64px;
  --tm-space-9: 88px;
}