:root {
  --color-primary: #00F0FF;
  --color-secondary: #FF10F0;
  --color-tertiary: #00FF41;
  --color-bg-deep: #0A0E15;
  --color-bg-true: #000000;
  --color-text-primary: #E6EDF3;
  --color-text-secondary: #7D8590;
  --color-text-muted: #484F58;
  --glow-cyan: 0 0 10px rgba(0, 240, 255, 0.5),
               0 0 20px rgba(0, 240, 255, 0.3),
               0 0 30px rgba(0, 240, 255, 0.2);
  --glow-cyan-strong: 0 0 10px rgba(0, 240, 255, 0.8),
                      0 0 20px rgba(0, 240, 255, 0.6),
                      0 0 40px rgba(0, 240, 255, 0.4),
                      0 0 60px rgba(0, 240, 255, 0.2);
  --glow-magenta: 0 0 10px rgba(255, 16, 240, 0.5),
                  0 0 20px rgba(255, 16, 240, 0.3),
                  0 0 30px rgba(255, 16, 240, 0.2);
  --glow-green: 0 0 10px rgba(0, 255, 65, 0.5),
                0 0 20px rgba(0, 255, 65, 0.3);
  --font-terminal: 'JetBrains Mono', 'Courier New', monospace;
  --font-display: 'Orbitron', 'Arial Black', sans-serif;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --duration-fast: 0.15s;
  --duration-normal: 0.3s;
  --duration-slow: 0.6s;
  --duration-type: 0.05s;
  --border-radius: 4px;
  --terminal-padding: 1.5rem;
  --scan-line-opacity: 0.03;
  --vignette-opacity: 0.5;
  --z-base: 1;
  --z-effects: 10;
  --z-terminal: 100;
  --z-overlay: 1000;
}

@media (max-width: 768px) {
  :root {
    --text-xs: 0.7rem;
    --text-sm: 0.8rem;
    --text-base: 0.9rem;
    --text-lg: 1rem;
    --text-xl: 1.1rem;
    --text-2xl: 1.25rem;
    --text-3xl: 1.5rem;
    --terminal-padding: 1rem;
  }
}