/* Дизайн-токены лендинга.
   Палитра снята с медицинских референсов (sberhealth, luchi): приглушённый
   сине-зелёный вместо «больничного» синего, тёплый песочный фон вместо серого.
   Те же значения продублированы в apps/lms/static/css/lms.css — при смене
   палитры правим оба файла (общей сборки пока нет). */

:root {
  /* Поверхности */
  --bg:            #ffffff;
  --bg-soft:       #f4f7f7;
  --bg-warm:       #faf7f2;
  --bg-deep:       #0d2b2a;

  /* Текст */
  --ink:           #12212b;
  --ink-soft:      #3d5561;
  --ink-muted:     #6b8290;
  --ink-invert:    #ffffff;

  /* Акцент */
  --accent:        #0f7b6c;
  --accent-dark:   #0b5c50;
  --accent-soft:   #e6f3f1;
  --accent-line:   #b9ddd7;

  /* Линии и тени */
  --line:          #e4ebee;
  --shadow-sm:     0 1px 2px rgba(18, 33, 43, .05);
  --shadow:        0 2px 4px rgba(18, 33, 43, .04), 0 12px 32px rgba(18, 33, 43, .07);
  --shadow-lg:     0 4px 8px rgba(18, 33, 43, .05), 0 24px 60px rgba(18, 33, 43, .10);

  /* Скругления */
  --r-sm:  10px;
  --r:     16px;
  --r-lg:  24px;

  /* Шкала типографики (fluid — от мобильного к десктопу).
     Верхние границы срезаны примерно на 20%: при масштабе браузера 100%
     страница должна читаться так же спокойно, как раньше при 80%.
     --t-body намеренно оставлен 16 px — «шумели» заголовок первого экрана
     и отступы, а не абзацы, а мельчить основной текст на сайте для врачей
     нельзя: часть аудитории в возрасте, и лендинг решает судьбу заявки. */
  --t-hero:  clamp(1.9rem, 1.1rem + 3vw, 3.2rem);
  --t-h2:    clamp(1.4rem, 1rem + 1.7vw, 2.1rem);
  --t-h3:    clamp(1.05rem, .95rem + .45vw, 1.2rem);
  --t-lead:  clamp(.98rem, .92rem + .4vw, 1.12rem);
  --t-body:  1rem;
  --t-small: .85rem;

  /* Ритм */
  --gap:      clamp(.9rem, .55rem + 1.1vw, 1.4rem);
  --section:  clamp(2.75rem, 1.6rem + 4.6vw, 5.5rem);
  /* Контейнер шире, а типографика мельче — вместе это и даёт ощущение
     «отодвинулся на шаг», ради которого уменьшают масштаб. */
  --wrap:     1240px;

  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
          "Helvetica Neue", Arial, sans-serif;
}