:root {
  --color-bg-deep: #0a0e1a;
  --color-bg-card: #121829;
  --color-bg-elevated: #1a2238;
  --color-surface: #232d4a;
  --color-accent: #00d4aa;
  --color-accent-soft: #00d4aa33;
  --color-accent-alt: #7c5cff;
  --color-accent-warm: #ff6b4a;
  --color-text-primary: #f4f7fc;
  --color-text-secondary: #b8c4dc;
  --color-text-muted: #8896b0;
  --color-border: #2e3a5c;
  --color-topbar-bg: #141b2e;
  --color-topbar-text: #e8edf8;
  --color-nav-bg: #0f1424;
  --color-hero-overlay: #0a0e1acc;
  --font-body: 'Outfit', system-ui, sans-serif;
  --font-display: 'Syne', 'Outfit', sans-serif;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --shadow-soft: 0 8px 32px rgba(0, 0, 0, 0.35);
  --shadow-glow: 0 0 40px rgba(0, 212, 170, 0.15);
  --transition-fast: 0.2s ease;
  --transition-base: 0.35s ease;
  --container-max: 1200px;
  --nav-height: 72px;
  --topbar-height: 36px;
  --padding-page: 24px;
  --padding-page-md: 20px;
  --padding-page-sm: 18px;
  --padding-section-y: 64px;
  --padding-section-y-sm: 40px;
}