/* Всё Здоровье Версия 1 · 2026-10-29 · Принятая визуальная база */
:root, .vz-theme-light {
  --vz-brand: #EE1B6B;
  --vz-primary: #373447;
  --vz-primary-hover: #48435D;
  --vz-primary-active: #292636;
  --vz-ink: #272633;
  --vz-muted: #666477;
  --vz-canvas: #F5F5FA;
  --vz-surface: #FFFFFF;
  --vz-surface-alt: #EEEDF5;
  --vz-soft: #EAE7F8;
  --vz-border: #858194;
  --vz-line: #E1DFEA;
  --vz-focus: #6C55B4;
  --vz-success: #226349;
  --vz-success-bg: #E8F4EC;
  --vz-warning: #815000;
  --vz-warning-bg: #FFF3D6;
  --vz-error: #AA2434;
  --vz-error-bg: #FDEBED;
  --vz-info: #305E8E;
  --vz-info-bg: #EAF1FB;
  --vz-on-primary: #FFFFFF;
  --vz-data-1: #B72B6D;
  --vz-data-2: #24756D;
  --vz-data-3: #6C55B4;
  --vz-data-4: #926000;
  --vz-data-5: #476BA6;
  --vz-accent: #B72B6D;
  --vz-lavender: #8875DC;
  --vz-mint: #73CDBF;
  --vz-peach: #F3BAA9;
  --vz-glass: #FFFFFFEB;
  --vz-font-body: 'Inter', Arial, sans-serif;
  --vz-font-display: 'Onest', Arial, sans-serif;
  --vz-text-xs: clamp(0.8125rem, 0.79rem + 0.1vw, 0.875rem);
  --vz-text-sm: clamp(0.8125rem, 0.8rem + 0.1vw, 0.875rem);
  --vz-text-base: clamp(0.9375rem, 0.92rem + 0.1vw, 1rem);
  --vz-text-lg: clamp(1.125rem, 1.05rem + 0.3vw, 1.25rem);
  --vz-text-xl: clamp(1.375rem, 1.2rem + 0.7vw, 1.875rem);
  --vz-text-2xl: clamp(1.75rem, 1.3rem + 1.8vw, 2.75rem);
  --vz-text-hero: clamp(2.5rem, 1.5rem + 3.4vw, 4.75rem);
  --vz-line-body: 1.5;
  --vz-line-heading: 1.08;
  --vz-radius-sm: 12px;
  --vz-radius-md: 20px;
  --vz-radius-lg: 32px;
  --vz-radius-pill: 999px;
  --vz-shadow-1: 0 4px 16px #2726330A;
  --vz-shadow-2: 0 12px 40px #27263314;
  --vz-z-header: 20;
  --vz-z-dropdown: 40;
  --vz-z-dialog: 80;
  --vz-z-toast: 100;
  --vz-duration-fast: 120ms;
  --vz-duration-base: 200ms;
  --vz-easing: cubic-bezier(0.2, 0, 0, 1);
  --vz-container: 1248px;
  --vz-control-height: 44px;
  --vz-row-height: 52px;
  --vz-gutter: 24px;
  --vz-glass-blur: 24px;
  --vz-space-0: 0px;
  --vz-space-4: 4px;
  --vz-space-8: 8px;
  --vz-space-12: 12px;
  --vz-space-16: 16px;
  --vz-space-20: 20px;
  --vz-space-24: 24px;
  --vz-space-32: 32px;
  --vz-space-40: 40px;
  --vz-space-48: 48px;
  --vz-space-64: 64px;
  --vz-space-80: 80px;
  --vz-space-96: 96px;
  --vz-space-128: 128px;
}
[data-theme="dark"], .vz-theme-dark {
  --vz-brand: #FF78A8;
  --vz-primary: #E2D9FF;
  --vz-primary-hover: #EDE7FF;
  --vz-primary-active: #F6F2FF;
  --vz-ink: #F7F2F6;
  --vz-muted: #C5BAC7;
  --vz-canvas: #171721;
  --vz-surface: #22222F;
  --vz-surface-alt: #2D2C3D;
  --vz-soft: #353047;
  --vz-border: #9E91A3;
  --vz-line: #4A465E;
  --vz-focus: #C9B9FF;
  --vz-success: #9BDFB7;
  --vz-success-bg: #21382D;
  --vz-warning: #F5D38E;
  --vz-warning-bg: #3C311D;
  --vz-error: #FFB4BD;
  --vz-error-bg: #46282E;
  --vz-info: #ACD0FF;
  --vz-info-bg: #253247;
  --vz-on-primary: #252131;
  --vz-data-1: #E2D9FF;
  --vz-data-2: #8ED8CF;
  --vz-data-3: #C9B9FF;
  --vz-data-4: #F5D38E;
  --vz-data-5: #ACD0FF;
  --vz-accent: #FF91B8;
  --vz-lavender: #B5A2F4;
  --vz-mint: #8ED8CF;
  --vz-peach: #E9B59E;
  --vz-glass: #22222FF5;
}
[data-density="compact"] { --vz-row-height: 48px; --vz-control-height: 44px; }
@media (prefers-reduced-motion: reduce) { :root { --vz-duration-fast: 0ms; --vz-duration-base: 0ms; } }