/* ─────────────────────────────────────────────────────────────
   Keruen Medicus — дизайн-токены
   Значения сняты с текущего сайта, чтобы вёрстка совпадала 1:1.
   ───────────────────────────────────────────────────────────── */
:root {
  /* Фирменные цвета */
  /* Затемнён против боевого сайта на 14%: прежний #39929a давал контраст
     3.65 при норме 4.5 — и когда им написан текст на белом, и когда белый
     текст написан на нём. Контраст симметричен, поэтому один этот цвет
     закрывал сразу обе беды. */
  --brand: #317e84;          /* rgb(49,126,132)  — шапка, кнопки, акценты */
  /* Второй бирюзовый: им написан текст на мягких плашках, и там нужен
     запас — на подложке #eef5f6 прежний оттенок давал 4.29 при норме 4.5. */
  --brand-deep: #2b798a;     /* rgb(43,121,138)  — второй бирюзовый */
  --ink: #2f3545;            /* rgb(47,53,69)    — основной текст */
  /* Вторичный текст. Затемнён против боевого сайта: прежний #7f8491 давал
     контраст 3.74 на белом при норме 4.5 — мелкие подписи читались тяжело.
     Значение подобрано так, чтобы хватало и на мягких плашках #eef5f6,
     где вторичным цветом подписаны поля в карточках врачей. */
  --muted: #6b6f7a;          /* rgb(107,111,122) — вторичный текст */
  --white: #fff;
  --line: #e6ecf2;           /* разделители */
  --bg-soft: #f7fbfb;        /* мягкий фон секций */
  --overlay: rgba(13, 35, 45, 0.54); /* затемнение поверх фото */

  /* Те же цвета в виде компонент — для полупрозрачных вариантов */
  --brand-rgb: 49, 126, 132;
  --ink-rgb: 47, 53, 69;
  --badge-bg: #eef5f6;       /* подложка бейджей и мягких плашек */
  --btn-hover: #f1f5f6;      /* белая кнопка при наведении */

  /* Шрифты */
  --font-body: 'Mulish', -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --font-ui: 'Montserrat', -apple-system, 'Helvetica Neue', Arial, sans-serif;

  /* Скругления */
  --radius: 20px;
  --radius-sm: 12px;
  --radius-pill: 48px;
  --radius-btn: 10px;        /* прямоугольные кнопки */

  /* Сетка: контейнер занимает 90% ширины (при 1440 → 1296px) */
  --container: 90%;

  /* Высоты шапки */
  --topbar-h: 64px;
  --navbar-h: 85px;
  --header-h: 149px;
}