/* Дизайн-токены — источник: Figma t0EWFZCNRZGqqVkmhRLdTL («Онкология Sabina — фирстиль и макеты»), фрейм 66:2 «Главная · 1440».
   Палитра 40/30/25/5: лента #FFB6C1 — поверхность (хиро, CTA, бейдж), НИКОГДА не текст и не кнопка. */
:root {
  /* Акцент-поверхность */
  --pink: #FFB6C1;        /* лента: фон CTA-карточки, рамка бейджа, линия цитаты */
  --blush: #FDF6F7;       /* фон секций и подложка хиро */

  /* Действие */
  --rose: #8A4A5E;        /* кнопки, ссылки, акцентная карточка */
  --rose-dark: #7A3F52;   /* hover */

  /* Чернила */
  --ink: #3A3438;         /* заголовки, основной текст */
  --ink-soft: #575053;    /* абзацы */
  --ink-mute: #8A8085;    /* дисклеймер, подписи заглушек */

  /* Вспомогательные */
  --sage: #4F7A69;        /* этапы пути, галочки */
  --haze: #EAE0E3;        /* линии, рамки, заглушки фото */
  --grey: #757575;        /* плейсхолдеры полей */
  --bg: #ffffff;

  /* Радиусы */
  --r-sm: 8px;            /* кнопки, поля */
  --r-md: 12px;           /* карточки */
  --r-lg: 16px;           /* фото, CTA-карточка */
  --r-pill: 99px;         /* бейдж */

  /* Раскладка: макет 1440 с полями 72 → контент 1296 */
  --container: 1440px;
  --gutter: 72px;

  /* Шрифты */
  --font-serif: 'Prata', Georgia, 'Times New Roman', serif;         /* заголовки, только 400 */
  --font-sans: 'Golos Text', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

@media (max-width: 1024px) {
  :root { --gutter: 40px; }
}
@media (max-width: 768px) {
  :root { --gutter: 20px; }
}