/*
 * tokens.css — единый источник токенов дизайна MedAI (цвета, скругления, шрифты,
 * светлая и тёмная темы). Раньше эти переменные были продублированы в index.html
 * и в каждой отдельной странице (с расхождениями, например --flag). Подключается
 * ПЕРВЫМ в <head>, до любых <style> страницы.
 */
:root {
  --bg: #EEF1ED;
  --ink: #23261F;
  --sage: #56795E; /* было #7E9C84 — белый текст на заливке sage имел контраст 3,0:1, стало 4,9:1 */
  --sage-dark: #3A7550; /* было #4C8A5E — контраст текста/кнопок с белым 5,5:1 вместо 4,0:1 */
  /* Одно и то же значение, но отдельное имя — исторически часть
     кода писалась с расчётом на "яркий акцент для кнопок/бликов"
     (--sage-bright), другая — на "тёмный текст поверх --sage-soft"
     (--sage-dark). Ссылка на одну переменную, чтобы они не могли
     разойтись, если один из оттенков решат поменять. */
  --sage-bright: var(--sage-dark);
  --clay: #C97C5D;
  --clay-dark: #9A5537;
  --flag: #B54B3C;
  --flag-bg: #F3E2DE;
  --muted: #5F6659; /* было #6E7568 — контраст на фоне --bg 5,2:1 */
  --border: #E1E6DC;
  --line: #E1E6DC;
  --card: #FFFFFF;
  /* производные оттенки, вынесенные из разметки, чтобы тема
     переключалась целиком, а не наполовину */
  --subtle: #F5F7F3;
  --sage-soft: #E6EEE8;
  --clay-soft: #FBF0E4;
  --info-bg: #E8EFF5;
  --info-ink: #4A6E8A;
  --done-bg: #EDE7F2;
  --done-ink: #6B5B8A;
  --online: #4CAF7D;
  --warn-ink: #9A7B37;
  --shadow: rgba(35, 38, 31, 0.55);
  /* Скругления — единая шкала, ближе к "сквирклу", чем к пилюлям.
     Используются пока только новыми элементами; старые числовые
     border-radius переводятся на них поэтапно, не всё сразу. */
  --radius-sm: 14px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --header-gradient: linear-gradient(165deg, #A9E6C4 0%, #CFF0DC 45%, #EEF1ED 85%);
  /* ТЗ редизайна, блок A2/фаза 1 — один и тот же выбор для обеих тем,
     поэтому не переопределяется в [data-theme="dark"] ниже. Системный
     стек — надёжный fallback на время загрузки шрифта (display=swap
     в <head>) и на случай, если сеть вообще не даст его загрузить. */
  --font-sans: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Consolas, monospace;
}

/* Тёмная тема.
   Раньше фон был тёплым тёмно-серым — теперь ближе к глубокому
   графитовому с лёгким зелёным подтоном (см. обсуждение дизайна на
   основе Сбербанк Онлайн): почти чёрный внизу экрана, а не ровный
   серый. Акценты остаются тем же sage/clay, просто ярче — на
   таком тёмном фоне приглушённые исходные оттенки теряют контраст. */
[data-theme="dark"] {
  --bg: #0B100D;
  --ink: #E9EFE9;
  --sage: #86AC8D;
  --sage-dark: #6FD68C;
  --sage-bright: var(--sage-dark);
  --clay: #C97C5D;
  --clay-dark: #E09B7B;
  --flag: #E07A6A;
  --flag-bg: #3B2622;
  --muted: #8B9A8E;
  --border: #262E28;
  --line: #202A23;
  --card: #171D19;
  --subtle: #1E2521;
  --sage-soft: #16352A;
  --clay-soft: #33261F;
  --info-bg: #222A32;
  --info-ink: #8FB4CE;
  --done-bg: #2B2532;
  --done-ink: #B6A4CE;
  --online: #5FBF8D;
  --warn-ink: #C9A961;
  --shadow: rgba(0, 0, 0, 0.7);
  --header-gradient: radial-gradient(120% 90% at 20% -10%, #1F4A38 0%, #123326 30%, #0E1F18 55%, #0B100D 80%);
}