/* ===== Токены: цвета, шрифты, радиусы. Меняются здесь ===== */
:root {
  /* фирменный фиолетовый из логотипа «Здравушки» */
  --brand: #645DAB;
  --brand-600: #544D98;
  --brand-800: #2E2A5E;
  --brand-900: #1F1C40;
  --brand-100: #ECEAF8;
  --brand-50: #F6F5FC;

  /* тёплые акценты со старого сайта */
  --butter: #FFE59A;
  --coral: #FF756B;
  --cream: #FFF8EC;

  --ink: #1F1C3B;
  --ink-2: #5B5875;
  --ink-3: #8A87A3;
  --paper: #FFFFFF;
  --line: rgba(31, 28, 59, .10);
  --line-light: rgba(255, 255, 255, .16);

  --f-body: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;

  --r-xl: 36px;
  --r: 24px;
  --r-sm: 14px;
  --wrap: 1240px;
  --gutter: clamp(16px, 4vw, 40px);
  --shadow: 0 24px 60px -24px rgba(46, 42, 94, .28);
  --shadow-sm: 0 10px 30px -12px rgba(46, 42, 94, .22);
  --header-h: 76px;
}