/* Автотерм Самара — дизайн-токены. Все значения в других файлах только через var(--...) */
:root{
/* Цвет — база */
--bg-base:#FFFFFF;--bg-section:#F7F9FC;--bg-page:#EEF2F7;--bg-dark:#0F172A;--bg-dark-2:#1B2739;
/* Цвет — огонь (тепло, главное действие) */
--primary:#FF6B1F;--primary-hover:#E65510;--primary-press:#C9470C;--primary-soft:#FFF3EC;--primary-ink:#B8420C;
/* Текстонесущие заливки и цветной текст: затемнены до контраста >=4.5:1 с белым.
   Яркий --primary оставлен для нетекстовых поверхностей: иконки, бордеры, прогресс, плашка на тёмном. */
--cta:#C9470C;--cta-hover:#AE3D09;--cta-press:#933307;
--primary-text:#C9470C;
--secondary-ink-bg:#007687;--secondary-ink-hover:#005E6B;
--success-ink:#047857;--warning-ink:#B45309;--error-ink:#DC2626;
/* Цвет — лёд (холод) */
--secondary:#00B8D4;--secondary-hover:#0096AB;--secondary-press:#007687;--secondary-soft:#E0F7FA;--secondary-ink:#00646F;
/* Цвет — текст */
--text:#0F172A;--text-mid:#4B5563;--text-soft:#6B7280;--text-light:#9CA3AF;--text-invert:#FFFFFF;--text-on-dark-mid:#B6C2D3;
/* Цвет — линии и поверхности */
--line:#E5E7EB;--line-strong:#D1D5DB;--surface-2:#F3F4F6;--line-on-dark:#2A3648;
/* Цвет — статус */
--success:#10B981;--success-soft:#E7F8F1;--warning:#F59E0B;--warning-soft:#FEF3C7;--error:#EF4444;--error-soft:#FEE2E2;
/* Шрифт */
--font-head:'Manrope',system-ui,-apple-system,sans-serif;
--font-body:'Manrope',system-ui,-apple-system,sans-serif;
--fw-400:400;--fw-500:500;--fw-600:600;--fw-700:700;--fw-800:800;
/* Кегли */
--fs-h1:clamp(26px,4.2vw,40px);--fs-h2:clamp(21px,2.6vw,30px);--fs-h3:clamp(17px,1.8vw,22px);--fs-h4:17px;
--fs-lead:clamp(15px,1.5vw,18px);--fs-base:16px;--fs-sm:14px;--fs-xs:13px;--fs-xxs:11px;
--fs-price-lg:clamp(26px,3.4vw,34px);--fs-price-md:20px;--fs-price-sm:16px;
--lh-tight:1.15;--lh-head:1.25;--lh-body:1.55;
/* Отступы */
--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;
--gut:clamp(16px,3.5vw,32px);
--sec-y:clamp(32px,5vw,64px);
/* Радиусы */
--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-pill:999px;
/* Тени */
--sh-1:0 1px 2px rgba(15,23,42,.06);
--sh-2:0 2px 8px rgba(15,23,42,.07);
--sh-3:0 8px 24px rgba(15,23,42,.12);
--sh-4:0 20px 44px rgba(15,23,42,.18);
--sh-up:0 -4px 16px rgba(15,23,42,.10);
--ring:0 0 0 3px rgba(255,107,31,.28);
--ring-ice:0 0 0 3px rgba(0,184,212,.28);
/* Размеры целей */
--tap:44px;--tap-lg:56px;--stickybar-h:56px;
/* Раскладка */
--wrap:1320px;--wrap-text:760px;--header-h:64px;--tabbar-h:60px;
/* Занятая полоса у нижнего края: вырез экрана либо панель браузера
   (--browser-inset считает app.js по видимой области). */
--bottom-inset:max(env(safe-area-inset-bottom,0px), var(--browser-inset,0px));
/* Движение */
--t-1:120ms ease-out;--t-2:180ms ease-out;
/* Брейкпоинты (справочно) */
--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-xxl:1440px;
/* Слои */
--z-sticky:40;--z-header:50;--z-tabbar:60;--z-overlay:80;--z-modal:90;--z-toast:100;
}