/* Клиника жизни — generated from tokens.json */
/* Источник: docs/design-system/tokens.css, значения переменных без изменений.
   Не перенесён последний блок исходника — типографические классы (.display-xl, .display-l, .display-m,
   .numeral, .phone, .title, .body-l, .body, .label, .caption, .eyebrow). Класс .phone уже занят в
   styles.css (в разметке сайта class="… phone"), остальные имена слишком общие, а kz.css этих классов
   не использует: размеры там заданы через font. */
:root, [data-theme="day"] {
  --surface: #F5F2EC;
  --surface-raised: #FFFFFF;
  --surface-tint: #EFEAE2;
  --ink: #0B1A2B;
  --ink-muted: #4F5B69;
  --line: #E2DBD0;
  --line-strong: #6F7A88;
  --lamp: #F2A65A;
  --lamp-strong: #E8913E;
  --on-lamp: #0B1A2B;
  --lamp-soft: #FBE7CF;
  --lamp-text: #94500F;
  --scrim: rgba(10,22,38,0.92);
  --scrim-clear: rgba(10,22,38,0.25);
  --primary: #03427D;
  --primary-strong: #022F5A;
  --on-primary: #FFFFFF;
  --link: #0F5FA8;
  --logo-blue: #1E85E6;
  --logo-red: #FC2934;
  --success: #1A6E44;
  --danger: #B42318;
  --focus: #0F5FA8;
  --shadow-card: 0 1px 2px rgba(11,26,43,0.05), 0 12px 32px rgba(11,26,43,0.07);
  --shadow-lamp: 0 8px 28px rgba(232,145,62,0.35);
}
[data-theme="night"] {
  --surface: #0A1626;
  --surface-raised: #112238;
  --surface-tint: #16293F;
  --ink: #F2F4F7;
  --ink-muted: #A3B1C2;
  --line: #22364F;
  --line-strong: #61789A;
  --lamp: #F2A65A;
  --lamp-strong: #F7BC80;
  --on-lamp: #0A1626;
  --lamp-soft: #3A2A1A;
  --lamp-text: #F2A65A;
  --scrim: rgba(10,22,38,0.92);
  --scrim-clear: rgba(10,22,38,0.25);
  --primary: #E6EEF7;
  --primary-strong: #FFFFFF;
  --on-primary: #0A1626;
  --link: #7DB6F0;
  --success: #6FD3A0;
  --danger: #FF8A80;
  --focus: #7DB6F0;
  --shadow-card: 0 1px 2px rgba(0,0,0,0.4), 0 12px 32px rgba(0,0,0,0.35);
  --shadow-lamp: 0 8px 32px rgba(242,166,90,0.35);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --space-9: 112px;
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-pill: 999px;
  --font-display: "Geologica", "Golos Text", system-ui, sans-serif;
  --font-text: "Golos Text", "Segoe UI", system-ui, sans-serif;
}