/* ============================================================
   tokens.css — единственный источник правды.
   Меняешь фирменный цвет или шрифт — правишь ТОЛЬКО здесь.

   Палитра: брендбук форума (молочный, шалфей, жёлтый, графит)
   + фирменный оранжевый клиники — на кнопках, ссылках и всех акцентах.

   Контраст проверен по WCAG на всех фонах сайта, худший случай в скобках:
   белый текст на --c-accent = 4.62, --c-accent-text = 4.97 (на персиковом),
   --c-sage-ink = 4.80 (на персиковом), --c-ink-soft = 4.83, --c-ink = 11.65.
   Родной коралл брендбука #E56B6F давал 3.15 — не проходил, поэтому сдвинут.
   ============================================================ */

:root {
  /* --- Фоны --- */
  --c-bg:       #FAF7F2;  /* молочный (брендбук) — основной фон */
  --c-bg-alt:   #F7EFE7;  /* тёплая подложка — чередующиеся секции */
  --c-peach:    #F4DDD4;  /* пудрово-персиковый (брендбук) */
  --c-surface:  #FFFFFF;  /* карточки */

  /* --- Текст --- */
  --c-ink:      #343434;  /* графитовый (брендбук) — заголовки, текст */
  --c-ink-soft: #5A6B5E;  /* приглушённый текст */

  /* --- Акцент: фирменный оранжевый клиники --- */
  /* заказчик прислал #CA5A11; на волосок затемнён — с ровно #CA5A11
     белый текст на кнопке давал 4.22 при норме 4.5, глазом разницы нет */
  --c-accent:      #C05510;  /* кнопки (белый текст читается) */
  --c-accent-dk:   #A5470C;  /* наведение */
  --c-accent-text: #9C440C;  /* ссылки и текст на светлом фоне */

  /* --- Зелень: шалфей брендбука + клевер логотипа --- */
  --c-sage:      #8DAA91;  /* шалфейный — только заливки и декор */
  /* прежний #4C7A5C проходил только на молочном фоне: на тёплом давал 4.35,
     на персиковом в финале — 3.80. Сдвинут глубже, чтобы читался везде */
  --c-sage-ink:  #42694F;  /* иконки и текст */
  --c-sage-soft: #E6EFE8;  /* светлый шалфей — подложки, карточки */
  --c-clover:    #0C5135;  /* тёмная зелень логотипа */

  /* --- Солнечный жёлтый --- */
  --c-sun:      #F2C14E;  /* выделения, маркеры */
  --c-sun-soft: #FDF0D5;  /* жёлтая подложка */

  /* --- Текст на тёмных подложках --- */
  --c-on-dark:      #EAF1EC;  /* на тёмной зелёной секции */
  --c-on-ink:       #D6CFC6;  /* в подвале */
  --c-on-ink-soft:  #A79E93;  /* строка с реквизитами */

  /* --- Служебные --- */
  --c-line:    #E8DFD6;                 /* разделители */
  --c-line-dk: rgba(52, 52, 52, .32);   /* обводка второстепенной кнопки */

  /* --- Шрифты --- */
  /* Заказчик просил «чистый шрифт без засечек» — весь сайт на одном гротеске.
     Заголовки отличаются весом и уплотнённым трекингом, а не гарнитурой */
  --f-display: 'Onest', 'Segoe UI', system-ui, sans-serif;  /* заголовки */
  --f-body:    'Onest', 'Segoe UI', system-ui, sans-serif;  /* текст */
  --f-mono:    ui-monospace, 'Cascadia Code', 'Courier New', monospace; /* тайминг */

  /* --- Размеры текста (mobile-first, растут через clamp) --- */
  --fs-h1:   clamp(2rem, 1.2rem + 3.6vw, 3.6rem);
  --fs-h2:   clamp(1.5rem, 1.1rem + 1.9vw, 2.4rem);
  /* на телефоне h3 не должен сливаться с текстом: нижняя граница
     держит разрыв с --fs-body, иначе подзаголовки видно только по насыщенности */
  --fs-h3:   clamp(1.16rem, 1rem + .55vw, 1.3rem);
  --fs-body: 1.05rem;
  --fs-small: .9rem;

  /* --- Отступы и радиусы --- */
  --space-section: clamp(4rem, 2.5rem + 7vw, 7.5rem);
  --space-block:   clamp(1.75rem, 1.25rem + 2vw, 3rem);
  --radius-card: 20px;
  --radius-pill: 999px;

  /* --- Прочее --- */
  --container: 1160px;
  --header-h: 78px;   /* под крупный логотип клиники */
  --shadow-card: 0 6px 26px rgba(52, 52, 52, .07);
  --shadow-pop:  0 16px 48px rgba(52, 52, 52, .18);
  --ease-out: cubic-bezier(.22, .61, .36, 1);
  /* появление блоков: спокойный разгон и мягкое торможение.
     Резкая кривая (.19,1,.22,1) проскакивала 60% пути за первую десятую
     секунды — движение не успевали заметить */
  --ease-reveal: cubic-bezier(.32, .58, .3, 1);
}