:root {
  --color-bg: #f7f8fc; --color-surface: #fff; --color-text: #30323a; --color-muted: #666978;
  --color-accent: #5747f5; --color-accent-dark: #4233dc; --color-border: #e4e5ec;
  --color-section: #f2f3f9; --color-card-border: #e1e2ea;
  --container: 1240px; --radius-sm: 10px; --radius-md: 16px; --radius-lg: 26px;
  --space-1: 8px; --space-2: 16px; --space-3: 24px; --space-4: 32px; --space-5: 48px; --space-6: 72px;
  --shadow: 0 22px 60px rgba(22, 22, 50, .14); --shadow-card: 0 16px 34px rgba(22, 22, 50, .08); --transition: 220ms ease; --header-height: 78px;
}