/* Дизайн-токены: палитра «Бумага + томат», шрифты, отступы, кривые анимации */

/* Концепция «Кинетик»: типографика как движение. Пять глаголов процесса прокручиваются барабаном,
   гигантские слова выезжают из маски. Палитра «Бумага + томат»: тёплая бумага, графитовый текст, томатный акцент;
   без светлой/тёмной пары — единый мир. */

:root {
  /* bg — бумага (фон страницы), fg — графитовый текст на ней; acc — томат для заливок (кнопки, плашки, заявка),
     acc-t — томат чуть глубже для крупного текста на бумаге (контраст ≥ 3:1); ink — графит для тёмных поверхностей
     и текста на томате, on-ink — текст на графите; card — белые карточки и окна браузера в кейсах */
  --bg: #F2ECE1;
  --fg: #1B1714;
  --fg88: rgba(27,23,20,.84);
  --fg28: rgba(27,23,20,.2);
  --acc: #FF6B1F;
  --acc-t: #D4520E;
  --ink: #1B1714;
  --ink2: #5E5249;
  --pale: #EAE2D4;
  --card: #FFFFFF;
  --on-ink: #F2ECE1;
  --on-ink88: rgba(242,236,225,.86);
  --f-x: 'Sofia Sans Extra Condensed','Arial Narrow',Impact,sans-serif;
  --f-b: 'Sofia Sans','Segoe UI',system-ui,sans-serif;
  /* поле не меньше выреза/Dynamic Island в альбомной ориентации iPhone (viewport-fit=cover) */
  --gut: max(clamp(16px,4vw,56px),env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));
  --e1: cubic-bezier(.7,0,.2,1);
  --e2: cubic-bezier(.16,1,.3,1);
  --e3: cubic-bezier(.2,.7,.2,1);
  color-scheme: light;
}

/* фиксированная капсула навигации (низ — 68–72px): фокус с клавиатуры, якоря и scrollIntoView не ставят элемент под неё;
   120px — с запасом на подпись «ИМЯ» над полем формы. Секции по якорю встают как раньше — верхним краем к краю экрана
   (их собственный верхний отступ уже больше капсулы) */
:root {
  --sp: 120px;
}