/* Метаболический паспорт — design tokens
 * Источник: HANDOVER.md §3. Значения фиксированы дизайном; менять через владельца.
 */
:root {
  /* ---- Colour ---- */
  --color-paper: #FBF7F2;        /* фон страницы */
  --color-ink: #27211E;          /* текст, тёмные секции */
  --color-ink-soft: #3D3531;     /* линейки на тёмном */
  --color-muted: #6B605A;        /* вторичный текст (5.5:1 на paper) */
  --color-placeholder: #9A8F88;  /* placeholder инпутов — только placeholder */
  --color-rule: #E8E0D8;         /* линейки на paper */
  --color-rule-paper: #E4DCD4;   /* граница «листа паспорта» */
  --color-blank: #B9B0A8;        /* пунктир пустых строк листа */

  --color-peach: #F9D8C4;        /* пастельная плашка */
  --color-sage: #D6E3CF;         /* пастельная плашка */
  --color-sage-deep: #3F6146;    /* текст на sage, точка легенды */

  --color-coral: #E5603A;        /* графический акцент: линии, ≥24px текст. НЕ для мелкого текста и кнопок */
  --color-coral-deep: #B8401A;   /* интерактивный акцент: кнопки, hover, маркеры, focus инпутов */
  --color-coral-hover: #9A3411;  /* hover primary‑кнопки */
  --color-coral-on-dark: #F2B8A3;/* сообщения об ошибке на тёмном */

  --color-on-dark: #FBF7F2;      /* заголовки/кнопки на ink */
  --color-on-dark-body: #DED5CC; /* абзацы на ink */
  --color-on-dark-muted: #C9BFB6;/* eyebrow, лейблы, футер‑ссылки на ink */
  --color-field-dark-rule: #6B605A; /* нижняя граница инпута на ink */

  --color-nav-bg: rgba(251, 247, 242, .92);
  --shadow-sheet: 0 30px 60px -30px rgba(39, 33, 30, .25);
  --shadow-sheet-mobile: 0 24px 48px -28px rgba(39, 33, 30, .3);

  /* ---- Type ---- */
  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body: 'Onest', system-ui, -apple-system, sans-serif;

  --text-price: clamp(112px, 11.6vw, 168px);
  --text-h1: clamp(58px, 7.2vw, 104px);
  --text-h2: clamp(40px, 4.4vw, 64px);
  --text-h2-lg: clamp(46px, 5vw, 72px);   /* «Состав программы» */
  --text-h2-sm: clamp(38px, 3.9vw, 56px); /* «Почему мы создали» */
  --text-h3: clamp(30px, 2.6vw, 38px);    /* этапы 36, имена 40, «Здравствуйте» 48 */
  --text-principle: clamp(30px, 2.8vw, 40px);
  --text-lead: clamp(18px, 1.5vw, 22px);
  --text-body: clamp(16px, 1.25vw, 18px);
  --text-list: clamp(15px, 1.2vw, 17px);
  --text-small: 14px;
  --text-eyebrow: 13px;
  --text-label: 13px;
  --text-button: 16px;
  --text-legal: 13px;

  --leading-display: 1.02;
  --leading-price: .95;
  --leading-lead: 1.45;
  --leading-body: 1.6;
  --leading-list: 1.5;

  --tracking-display: -0.015em;
  --tracking-price: -0.03em;
  --tracking-eyebrow: .14em;
  --tracking-label: .08em;

  --weight-display: 500;
  --weight-display-em: 400; /* italic */
  --weight-body: 300;
  --weight-ui: 500;

  /* ---- Space ---- */
  --container: 1280px;
  --gutter: 40px;         /* mobile: 20px */
  --section-y: 120px;     /* 110–130 desktop; mobile 64–72 */
  --section-y-mobile: 64px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 28px;
  --space-7: 36px;
  --space-8: 40px;
  --space-9: 56px;
  --space-10: 64px;
  --space-11: 72px;
  --space-12: 96px;

  /* ---- Shape ---- */
  --radius-button: 6px;
  --radius-field: 0;
  --radius-image: 0;
  --rule: 1px;
  --rule-strong: 1px; /* цвет ink */

  /* ---- Controls ---- */
  --button-h: 56px;        /* mobile 54 */
  --button-h-nav: 46px;    /* mobile 40 */
  --button-px: 30px;
  --field-h: 56px;         /* mobile 52 */
  --nav-h: 84px;           /* mobile 64 */
  --focus-ring: 2px solid var(--color-ink);
  --focus-offset: 3px;

  /* ---- Motion ---- */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur-hover: 180ms;
  --dur-curve: 3s;          /* mobile 2.6s */
  --delay-curve: .4s;
  --parallax-hero: -110px;  /* за первые 1400px скролла; mobile -50px/900px */
  --reveal-offset: 28px;    /* .rv: translateY → 0, opacity 0 → 1, entry 0%→42% */
}