/* ===== Дизайн-токены: тёплый, чистый, доверительный ===== */
:root {
  /* цвет */
  --bg:        #FBF8F4;  /* тёплый светлый фон */
  --surface:   #FFFFFF;
  --surface-2: #FFFDFA;  /* чуть тёплее белого — чередование секций */
  --ink:       #1C1A17;  /* основной текст */
  --ink-soft:  #57514A;  /* вторичный текст (затемнён для 4.5:1 на cream) */
  --accent:    #E23B2E;  /* китайский красный — ТОЛЬКО CTA и цена */
  --accent-ink:#C0291E;  /* красный для текста/иконок на светлом (контраст) */
  --accent-2:  #E0922A;  /* тёплый янтарь — иконки/детали */
  --line:      #ECE6DE;  /* разделители, рамки */
  --ok:        #2E8B57;  /* «экономия», галочки */

  /* тоновые подложки (чипы, иконки, бейджи) */
  --tint-accent: #FBE7E5;
  --tint-amber:  #FBEFD9;
  --tint-ok:     #E4F2EA;

  /* типографика */
  --font: 'Onest', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Playfair Display', 'Onest', Georgia, serif; /* антиква-заголовки */

  /* воздух — щедрый ритм (мобайл читает с телефона) */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
  --space-5: 64px;
  --space-6: 96px;
  --space-7: 128px;

  /* радиусы */
  --r-card: 18px;
  --r-btn: 12px;
  --r-pill: 999px;
  --r-chip: 12px;

  /* тени — мягкие, тёплый оттенок (не серый) */
  --e1: 0 1px 2px rgba(40, 30, 20, .04), 0 3px 10px rgba(40, 30, 20, .05);
  --e2: 0 4px 12px rgba(40, 30, 20, .07), 0 16px 34px rgba(40, 30, 20, .08);
  --e3: 0 10px 24px rgba(40, 30, 20, .10), 0 28px 64px rgba(40, 30, 20, .13);
  --glow-accent: 0 10px 30px rgba(226, 59, 46, .30);

  /* старые алиасы (совместимость) */
  --shadow-sm: var(--e1);
  --shadow-md: var(--e2);

  /* контейнер */
  --container: 1120px;

  /* движение */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}