:root {
  --bg-primary: #1a1a1a;
  --bg-secondary: #2c2c2c;
  --bg-card: #242424;
  --accent: #e8930a;
  --accent-hover: #d07e08;
  --text: #f5f5f5;
  --text-muted: #a0a0a0;
  --font: 'Inter', sans-serif;
  --max-width: 1200px;
  --section-padding: 5rem 1.5rem;
}

@media (max-width: 640px) {
  :root {
    --section-padding: 3.5rem 1.25rem;
  }
}