:root {
  --color-primary: #F2C41B;
  --color-secondary: #e6b800;
  --color-accent: #00D4AA;
  --color-background: #0A0A0A;
  --color-surface: #111516;
  --color-surface-2: #1A1F21;
  --color-surface-3: #252B2D;
  --color-text: #FFFFFF;
  --color-text-muted: #A0A8AB;
  --color-text-faint: #5A6366;
  --color-border: rgba(255, 255, 255, 0.08);
  --color-primary-text: #0A0A0A;

  --font-display: 'Bebas Neue', sans-serif;
  --font-heading: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;

  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 2rem;
  --text-4xl: 2.5rem;

  --radius: 12px;
  --radius-sm: 8px;
  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --container-max-width: 1200px;
}