:root {
  --bg-primary: #FAFAF7;
  --bg-alt: #F4F4EF;
  --bg-dark: #0C0D10;
  --bg-dark-alt: #16171B;
  --text-primary: #111113;
  --text-body: #5A5C64;
  --text-muted: #6B6D75;
  --text-dark-primary: #F4F4EF;
  --text-dark-body: #9FA0A7;
  --accent: #4D65FF;
  --accent-hover: #3B4FCC;
  --accent-tint: rgba(77, 101, 255, 0.08);
  --accent-tint-2: rgba(77, 101, 255, 0.03);
  --accent-gradient: linear-gradient(135deg, #4D65FF 0%, #7C5CFF 60%, #A855F7 100%);
  --success: #3ECF8E;
  --warning: #E5A03A;
  --error: #D85050;
  --border: #E5E3DC;
  --border-subtle: rgba(17, 17, 19, 0.06);
  --border-dark: rgba(244, 244, 239, 0.08);
  --shadow-card: 0 1px 2px rgba(17, 17, 19, 0.04);
  --shadow-card-lift: 0 8px 24px -6px rgba(17, 17, 19, 0.08);
  --shadow-focus: 0 0 0 3px rgba(77, 101, 255, 0.22);
  --glass-bg-light: rgba(250, 250, 247, 0.72);
  --glass-bg-dark: rgba(12, 13, 16, 0.78);
  --glass-border: rgba(17, 17, 19, 0.06);
  --glass-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --radius-button: 4px;
  --radius-card: 4px;
  --radius-pill: 999px;
  --space-section: clamp(120px, 14vh, 180px);
  --space-section-tight: 80px;
  --space-card: 48px;
  --space-tight: 16px;
  --ease-out-expo: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --font-display: 'Inter', 'Inter Display', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', monospace;
}