/* 1С:Отель — дизайн-токены. Направление: продуктовое светлое, монохром + терракота.
   Источник правды: _dev/design-export/tokens/tokens.css (июль 2026, направление 1c утверждено).
   Нейтральная основа ≥90%, акцент ≤10%. */
:root{
/* Палитра: фон и текст */
--color-bg:#FFFFFF;
--color-bg-section:#F6F6F3;            /* тёплый почти-белый, чередование секций */
--color-ink:#191919;                   /* текст, графит вместо чистого чёрного */
--color-ink-secondary:#63656A;         /* вторичный текст, AA на белом */
--color-ink-tertiary:#8E9095;          /* подписи, только ≥14px */
/* Акцент — терракота. Одна акцентная кнопка на экран. */
--color-accent:#C6491F;
--color-accent-strong:#AC3D18;         /* hover/нажатие, текстовые ссылки-действия */
--color-accent-tint:#F8E8E1;           /* светлая производная: подложки, активный таб */
--color-on-accent:#FFFFFF;
--color-accent-ondark:#E06A41;         /* акцент на графите */
/* Семантика */
--color-error:#A61B2B;
--color-success:#1F7A4D;
/* Тёмные секции: код, API, интеграции */
--color-graphite:#16181B;
--color-graphite-panel:#1D2126;
--color-ink-ondark:#F3F4F5;
--color-ink-ondark-secondary:#A7ADB4;
--color-border-ondark:#2B3137;
/* Границы */
--color-border:#E4E4E0;
--color-border-strong:#CFCFC8;
/* Константа бренда: жёлтая плашка логотипа. Не для UI-заливок. */
--color-brand-1c-yellow:#FFCC00;
/* Типографика. Onest 400/500/600(/700). Строка набора 60–75 знаков */
--font-sans:'Onest',-apple-system,'Segoe UI',Roboto,sans-serif;
--text-h1:46px;--lh-h1:1.1;            /* мобайл: 34px */
--text-h2:34px;--lh-h2:1.2;            /* мобайл: 28px */
--text-h3:24px;--lh-h3:1.35;           /* мобайл: 21px */
--text-h4:18px;--lh-h4:1.45;
--text-lead:20px;--lh-lead:1.55;       /* мобайл: 18px */
--text-body:16px;--lh-body:1.6;
--text-small:14px;--lh-small:1.55;
--text-caption:13px;--lh-caption:1.45;
--measure:620px;                       /* макс. ширина наборного текста */
/* Отступы, сетка 4/8 */
--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;
--sp-7:40px;--sp-8:48px;--sp-9:64px;--sp-10:80px;--sp-11:96px;--sp-12:128px;
/* Радиусы */
--r-s:6px;                             /* кнопки, поля, чипы */
--r-m:10px;                            /* карточки, рамы скриншотов */
--r-pill:999px;
/* Тени — только две */
--shadow-card:0 1px 2px rgba(25,25,25,.05),0 10px 30px rgba(25,25,25,.08);
--shadow-popup:0 2px 8px rgba(25,25,25,.06),0 24px 70px rgba(25,25,25,.18);
/* Слои */
--z-header:100;
--z-sticky:90;                         /* липкий селектор групп */
--z-overlay:200;
--z-popup:210;
/* Приглушённый значок (осевшие ряды сетки в герое) */
--color-icon-muted:#A3A199;
/* Движение */
--dur-fast:120ms;                      /* ховеры */
--dur:200ms;                           /* раскрытия, табы */
--dur-slow:320ms;                      /* попапы, карусели */
--ease:cubic-bezier(.2,.7,.3,1);
}