:root {
  --bg:       #0a0812;
  --bg2:      #110f1e;
  --bg3:      #1a1730;
  --surface:  #1e1b2e;
  --surface2: #252240;
  --border:   rgba(255,255,255,0.07);
  --border2:  rgba(255,255,255,0.13);
  --accent:   #7c5cfc;
  --accent2:  #c084fc;
  --gold:     #f0b429;
  --gold2:    #fcd34d;
  --teal:     #2dd4bf;
  --danger:   #f87171;
  --success:  #4ade80;
  --text:     #f0ecff;
  --muted:    #7b7599;
  --muted2:   #a89fcc;
  --font-display: 'Unbounded', sans-serif;
  --font-body:    'Manrope', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;
  --radius:    14px;
  --radius-sm: 8px;
  --radius-xs: 6px;
  --nav-h:     64px;
  --section-px: 48px;
  --transition: 0.2s ease;
}

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