/* ============================================================
   ДИЗАЙН-ТОКЕНЫ · Образовательная платформа для врачей
   Направление: светлый продуктовый интерфейс. Один современный
   гротеск, холодновато-белая подложка, зелёный — как акцент
   действий, а не заливка. Всё в oklch.
   ============================================================ */

:root {
  /* ---------- ЦВЕТ: подложки и текст ----------
     Подложка чуть холоднее белого — карточки на ней читаются
     как слои; чистый #fff остаётся поверхностям. */
  --bg:            oklch(0.984 0.003 250);
  --surface:       oklch(1 0 0);
  --surface-dim:   oklch(0.962 0.005 250);   /* вложенные зоны, зебра таблиц */

  --ink:           oklch(0.23 0.02 260);     /* основной текст, ~AAA на bg */
  --ink-soft:      oklch(0.46 0.02 260);     /* вторичный текст */
  --ink-faint:     oklch(0.57 0.015 260);    /* крупные метки, нумерация */

  /* ---------- ЦВЕТ: бренд ----------
     Зелёный — только смысл: действия, ссылки, выбранное. */
  --brand:         oklch(0.51 0.115 158);
  --brand-deep:    oklch(0.38 0.09 160);     /* текст на brand-wash, тёмные акценты */
  --brand-hover:   oklch(0.45 0.11 158);
  --brand-wash:    oklch(0.95 0.03 158);     /* фон выбранного/активного */
  --on-brand:      oklch(0.995 0.002 158);   /* текст на зелёном */

  /* ---------- ЦВЕТ: охра — только служебные состояния ---------- */
  --ochre:         oklch(0.58 0.105 75);
  --ochre-wash:    oklch(0.945 0.04 85);
  --ochre-ink:     oklch(0.36 0.075 70);

  /* ---------- ЦВЕТ: семантика статусов (цвет + знак ✓ ↺ ✕) ---------- */
  --ok:            oklch(0.44 0.09 152);
  --ok-wash:       oklch(0.945 0.03 152);
  --rework:        oklch(0.46 0.095 75);
  --rework-wash:   oklch(0.945 0.045 85);
  --reject:        oklch(0.44 0.13 25);
  --reject-wash:   oklch(0.945 0.03 25);

  /* ---------- Границы, фокус ---------- */
  --line:          oklch(0.915 0.006 250);
  --line-strong:   oklch(0.78 0.012 250);
  --focus:         oklch(0.50 0.10 160);

  /* ---------- ТИПОГРАФИКА ----------
     Одно семейство — Golos Text (полная кириллица, табличные
     цифры через font-variant-numeric). Контраст уровней — весом
     и размером: 34/26/20 к 13–17. */
  --font-serif: 'Golos Text', system-ui, sans-serif;  /* длинное чтение */
  --font-ui:    'Golos Text', system-ui, sans-serif;  /* интерфейс */

  --fs-xs:   0.8125rem;  /* 13px — метки, подписи */
  --fs-s:    0.875rem;   /* 14px — плотный служебный UI */
  --fs-base: 1rem;       /* 16px — интерфейсный текст */
  --fs-read: 1.0625rem;  /* 17px — длинное чтение */
  --fs-m:    1.25rem;    /* 20px — подзаголовки */
  --fs-l:    1.625rem;   /* 26px — заголовки блоков */
  --fs-xl:   2.125rem;   /* 34px — заголовок экрана */

  --lh-tight: 1.2;
  --lh-ui:    1.45;
  --lh-read:  1.65;

  /* ---------- РИТМ И ФОРМА ----------
     Радиусы по смыслу: контролы 10, карточки 16, метки 8/пилюли. */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;

  --r-ctl:  10px;
  --r-card: 16px;
  --r-tag:  8px;

  --shadow-card: 0 1px 2px oklch(0.25 0.02 260 / 0.05), 0 8px 24px oklch(0.25 0.02 260 / 0.06);

  /* ---------- ДВИЖЕНИЕ ----------
     Только сообщение о состоянии: hover/focus 140 мс,
     однократное появление разбора 200 мс, transform/opacity. */
  --t-fast: 140ms ease-out;
  --t-reveal: 200ms ease-out;

  /* Контейнеры: врачебная часть — чтение и рабочая область,
     служебная — плотные таблицы. */
  --w-read: 46rem;
  --w-work: 72rem;   /* симулятор: контент + панель диагноза */
  --w-app:  80rem;
}