:root {
  --navy: #0F172A;
  --navy-deep: #0B1220;
  --slate: #334155;
  --slate-muted: #64748B;
  --accent: #C0268C;
  --accent-hover: #A21CAF;
  --accent-tint: #FDF2F8;
  --brand-primary: #4338CA;
  --bg-page: #E8ECF3;
  --white: #FFFFFF;
  --border-default: rgba(15, 23, 42, 0.10);
  --border-subtle: rgba(15, 23, 42, 0.06);
  --text-primary: var(--navy);
  --text-secondary: var(--slate);
  --text-muted: var(--slate-muted);
  --text-on-dark: #E2E8F0;
  --glass-bg: rgba(255, 255, 255, 0.78);
  --glass-bg-strong: rgba(255, 255, 255, 0.92);
  --glass-border: rgba(255, 255, 255, 0.65);
  --glass-shadow: 0 12px 32px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(192, 38, 140, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  --glass-radius: 12px;
  --focus-ring: rgba(192, 38, 140, 0.20);
  --font-display: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --container: 1120px;
  --nav-h: 64px;
}