:root {
  --color-primary:        #2ED8B4;
  --color-primary-dim:    #1FA88C;
  --color-primary-glow:   rgba(46, 216, 180, 0.25);
  --color-primary-border: rgba(46, 216, 180, 0.15);
  --color-dark:           #0A0A0A;
  --color-dark-2:         #111111;
  --color-dark-3:         #1A1A1A;
  --color-white:          #FFFFFF;
  --color-gray-light:     #E8E8E8;
  --color-gray-mid:       #888888;
  --color-gray-dark:      #333333;

  --font-display: 'Exo 2', sans-serif;
  --font-body:    'Rajdhani', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  --section-gap:   120px;
  --container-max: 1200px;
  --container-pad: clamp(20px, 5vw, 60px);

  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;

  --transition-fast:   0.2s ease;
  --transition-normal: 0.4s ease;
}

@media (max-width: 768px) {
  :root {
    --section-gap: 80px;
  }
}