/* Белый кит: дизайн-токены. Цвета и шрифты меняются только здесь. */
:root {
  /* Палитра из брендбука */
  --white: #FFFFFF;
  --bg: #FBFAF7;          /* фон страницы */
  --linen: #EFEEE8;       /* подложки, плашки */
  --line: #E1E1E1;        /* линии, рамки */
  --ink: #303030;         /* текст */
  --wood: #584842;        /* акцент: кнопки, номера шагов */
  --wood-hover: #463833;
  --ink-soft: #5E5B57;    /* второстепенный текст, 6.4:1 на --bg */
  --glass: rgba(251, 250, 247, .78);
  --glass-dark: rgba(48, 48, 48, .38);

  /* Шрифты */
  --font-display: "Wix Madefor Display", system-ui, sans-serif;
  --font-text: "Wix Madefor Text", system-ui, sans-serif;

  /* Кегли: шкала ~1.333 */
  --fs-sm: .875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.375rem;
  --fs-xl: clamp(1.625rem, 1.2rem + 1.6vw, 2.25rem);
  --fs-2xl: clamp(2rem, 1.3rem + 2.8vw, 3.25rem);
  --fs-hero: clamp(2.375rem, 1.4rem + 4vw, 4.5rem);

  /* Скругления: крупные блоки > карточки > поля */
  --r-xl: clamp(20px, 2.4vw, 32px);
  --r-lg: 20px;
  --r-md: 14px;
  --r-pill: 999px;

  --shadow: 0 1px 2px rgba(48, 48, 48, .04), 0 8px 24px rgba(48, 48, 48, .06);
  --container: 1480px;
  --gutter: clamp(16px, 2.6vw, 40px);
  --section: clamp(64px, 8vw, 120px);
  --ease: cubic-bezier(.2, .7, .2, 1);
}