:root {
  /* Colors */
  --bg:         #080b10;
  --bg-2:       #0d1117;
  --bg-3:       #131920;
  --surface:    #111820;
  --surface-2:  #182030;
  --border:     rgba(0, 210, 255, 0.12);
  --border-2:   rgba(0, 210, 255, 0.25);

  --accent:     #00d2ff;
  --accent-dim: rgba(0, 210, 255, 0.15);
  --accent-2:   #7b2fff;
  --hot:        #ff4d6d;

  --text:       #e8eef5;
  --text-muted: #6b7f94;
  --text-dim:   #3d5165;

  /* Typography */
  --font-display: 'Bebas Neue', sans-serif;
  --font-body:    'Syne', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  /* Spacing */
  --section-pad: 120px 0;
  --container:   1200px;

  /* Glow */
  --glow-accent: 0 0 40px rgba(0, 210, 255, 0.25);
  --glow-hot:    0 0 40px rgba(123, 47, 255, 0.3);

  /* Radius */
  --radius:    12px;
  --radius-lg: 20px;

  /* Transition */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}