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

  --tm-bg: #060911;
  --tm-surface: #0a1020;
  --tm-surface-raised: #0e1628;
  --tm-surface-active: #14223f;

  --tm-text: #d6e2f5;
  --tm-text-muted: #7f93b5;
  --tm-text-dim: #4c5a78;

  --tm-primary: #5a8fd6;
  --tm-primary-bright: #7eabe8;
  --tm-primary-glow: rgba(90, 143, 214, 0.42);
  --tm-primary-soft: #122440;
  --tm-text-glow: rgba(90, 143, 214, 0.18);
  --tm-on-primary: #02060f;

  --tm-line: #1c2c47;
  --tm-line-bright: #2f4a72;

  --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(90, 143, 214, 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;
}