:root {
  /* Colors — Amber Phosphor CRT (9 tokens) */
  --crt-amber: #FFB000;
  --crt-amber-dim: #805600;
  --crt-amber-bright: #FFD040;
  --crt-amber-glow: rgba(255, 176, 0, 0.4);
  --crt-bg: #0A0A0A;
  --crt-bg-panel: #0E0E0E;
  --crt-bg-inset: #060606;
  --crt-border: #332200;
  --crt-border-bright: #664400;

  /* Typography */
  --font-terminal: 'VT323', monospace;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 20px;
  --font-size-xl: 24px;
  --font-size-display: 32px;

  /* Spacing (4px grid) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;

  /* Borders (composite — derived from color tokens) */
  --border-thin: 1px solid var(--crt-border);
  --border-panel: 2px solid var(--crt-border-bright);
  --border-double: 4px double var(--crt-border-bright);

  /* Transitions */
  --transition-fast: 100ms ease;
  --transition-base: 150ms ease;

  /* CRT Effect Tunables */
  --crt-scanline-opacity: 0.3;
  --crt-scanline-height: 2px;
  --crt-glow-radius-1: 2px;
  --crt-glow-radius-2: 8px;
  --crt-glow-radius-3: 16px;
  --crt-glow-opacity-1: 0.8;
  --crt-glow-opacity-2: 0.4;
  --crt-glow-opacity-3: 0.15;
  --crt-curvature-opacity: 0.4;
  --crt-curvature-start: 60%;
  --crt-flicker-min: 0.97;
  --crt-flicker-max: 1.00;
  --crt-flicker-speed: 80ms;

  /* Console */
  --console-lines: 7;
  --console-line-height: 1.3;
  --console-font-size: var(--font-size-sm);
  --console-cursor-blink: 530ms;
  --console-highlight-duration: 150ms;
  --console-fade-mask-height: 24px;
}