:root, [data-theme="default"] {
  --colors-text-on-accent: #F7F8FB;
  --colors-background: #F6F3EE;
  --colors-warning: #E1A243;
  --colors-danger: #D65A5A;
  --colors-success: #2E8C6A;
  --colors-text-primary: #1B1C1E;
  --colors-focus: #2A6AE6;
  --colors-text-secondary: #6A6F77;
  --colors-border: #E3DED5;
  --colors-accent: #2A6AE6;
  --colors-accent-strong: #1F53BA;
  --colors-surface: #FFFFFF;
  --colors-surface-muted: #EEE9E2;
  --typography-font-family: "Manrope", "Plus Jakarta Sans", "Avenir Next", sans-serif;
  --typography-font-sizes-title: 20px;
  --typography-font-sizes-section: 16px;
  --typography-font-sizes-body: 14px;
  --typography-font-sizes-meta: 12px;
  --typography-line-heights-title: 28px;
  --typography-line-heights-section: 22px;
  --typography-line-heights-body: 20px;
  --typography-line-heights-meta: 16px;
  --spacing-base: 4px;
  --spacing-scale-1: 4px;
  --spacing-scale-2: 8px;
  --spacing-scale-3: 12px;
  --spacing-scale-4: 16px;
  --spacing-scale-5: 20px;
  --spacing-scale-6: 24px;
  --spacing-scale-7: 32px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --shadows-card: 0 6px 20px rgba(0,0,0,0.06);
  --motion-transition: 150ms ease;
}
[data-theme="dark"] {
  --colors-text-on-accent: #0C1016;
  --colors-background: #0F1114;
  --colors-warning: #E1A243;
  --colors-danger: #E16B6B;
  --colors-success: #2FA579;
  --colors-text-primary: #E8E9EC;
  --colors-focus: #5B8EEB;
  --colors-text-secondary: #A2A7B0;
  --colors-border: #2A2F37;
  --colors-accent: #5B8EEB;
  --colors-accent-strong: #4B78C9;
  --colors-surface: #171A1E;
  --colors-surface-muted: #121418;
  --typography-font-family: "Manrope", "Plus Jakarta Sans", "Avenir Next", sans-serif;
  --typography-font-sizes-title: 20px;
  --typography-font-sizes-section: 16px;
  --typography-font-sizes-body: 14px;
  --typography-font-sizes-meta: 12px;
  --typography-line-heights-title: 28px;
  --typography-line-heights-section: 22px;
  --typography-line-heights-body: 20px;
  --typography-line-heights-meta: 16px;
  --spacing-base: 4px;
  --spacing-scale-1: 4px;
  --spacing-scale-2: 8px;
  --spacing-scale-3: 12px;
  --spacing-scale-4: 16px;
  --spacing-scale-5: 20px;
  --spacing-scale-6: 24px;
  --spacing-scale-7: 32px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --shadows-card: 0 10px 28px rgba(0,0,0,0.25);
  --motion-transition: 150ms ease;
}
[data-theme="site-premium"] {
  --colors-text-on-accent: #F8FBFC;
  --colors-background: #F7F4EF;
  --colors-warning: #F59E0B;
  --colors-danger: #F97066;
  --colors-success: #22C55E;
  --colors-text-primary: #0F172A;
  --colors-focus: #0EA5E9;
  --colors-text-secondary: #445064;
  --colors-border: #E0E6EF;
  --colors-accent: #0EA5E9;
  --colors-accent-strong: #0284C7;
  --colors-surface: #FFFFFF;
  --colors-surface-muted: #0F172A;
  --typography-font-family: Inter, "IBM Plex Sans", system-ui, -apple-system, sans-serif;
  --typography-font-sizes-title: 56px;
  --typography-font-sizes-section: 32px;
  --typography-font-sizes-body: 18px;
  --typography-font-sizes-meta: 14px;
  --typography-line-heights-title: 64px;
  --typography-line-heights-section: 40px;
  --typography-line-heights-body: 28px;
  --typography-line-heights-meta: 20px;
  --spacing-base: 4px;
  --spacing-scale-1: 8px;
  --spacing-scale-2: 16px;
  --spacing-scale-3: 24px;
  --spacing-scale-4: 32px;
  --spacing-scale-5: 40px;
  --spacing-scale-6: 56px;
  --spacing-scale-7: 72px;
  --spacing-scale-8: 88px;
  --spacing-scale-9: 104px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --shadows-card: 0 16px 40px rgba(15,23,42,0.08);
  --motion-transition: 160ms ease;
}