/* ========================================
   TERMINAL THEME - Design Tokens
   ======================================== */

:root {
  /* === TERMINAL COLOR PALETTE === */
  /* Classic Phosphor Green (like old CRT terminals) */
  --terminal-green: #33ff33;
  --terminal-green-bright: #00ff00;
  --terminal-green-dim: #00cc00;
  --terminal-green-dark: #008800;

  /* Background Colors */
  --terminal-black: #000000;
  --terminal-bg: #0a0a0a;
  --terminal-bg-light: #111111;
  --terminal-gray: #1a1a1a;

  /* Text Colors */
  --terminal-white: #e0e0e0;
  --terminal-gray-text: #00aa00;
  --terminal-cyan: #00ff00;
  --terminal-yellow: #ffff00;

  /* Accent Colors */
  --terminal-red: #ff0000;
  --terminal-blue: #00aaff;

  /* Glow Effects */
  --glow-green: 0 0 10px rgba(0, 255, 0, 0.6), 0 0 20px rgba(0, 255, 0, 0.4);
  --glow-green-strong: 0 0 15px #00ff00, 0 0 30px #00ff00, 0 0 45px #00ff00;

  /* === TYPOGRAPHY === */
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Courier New', 'Consolas', monospace;

  /* Font Sizes */
  --text-xs: 0.75rem;
  /* 12px */
  --text-sm: 0.875rem;
  /* 14px */
  --text-base: 1rem;
  /* 16px */
  --text-lg: 1.125rem;
  /* 18px */
  --text-xl: 1.25rem;
  /* 20px */
  --text-2xl: 1.5rem;
  /* 24px */
  --text-3xl: 1.875rem;
  /* 30px */
  --text-4xl: 2.25rem;
  /* 36px */
  --text-5xl: 3rem;
  /* 48px */
  --text-6xl: 3.75rem;
  /* 60px */

  /* Font Weights */
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-bold: 700;

  /* === SPACING === */
  --space-1: 0.25rem;
  /* 4px */
  --space-2: 0.5rem;
  /* 8px */
  --space-3: 0.75rem;
  /* 12px */
  --space-4: 1rem;
  /* 16px */
  --space-5: 1.25rem;
  /* 20px */
  --space-6: 1.5rem;
  /* 24px */
  --space-8: 2rem;
  /* 32px */
  --space-10: 2.5rem;
  /* 40px */
  --space-12: 3rem;
  /* 48px */
  --space-16: 4rem;
  /* 64px */
  --space-20: 5rem;
  /* 80px */

  /* === LAYOUT === */
  --container-max: 1200px;
  --container-padding: var(--space-6);
  --section-spacing: var(--space-20);

  /* === BORDERS === */
  --border-terminal: 2px solid var(--terminal-green);
  --border-dim: 1px solid var(--terminal-green-dim);
  --radius: 4px;

  /* === TRANSITIONS === */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;

  /* === Z-INDEX === */
  --z-background: -1;
  --z-base: 0;
  --z-elevated: 10;
  --z-nav: 100;
}

/* === RESPONSIVE BREAKPOINTS === */
@media (max-width: 768px) {
  :root {
    --text-5xl: 2.5rem;
    /* 40px on mobile */
    --text-6xl: 3rem;
    /* 48px on mobile */
    --section-spacing: var(--space-12);
    --container-padding: var(--space-4);
  }
}