/* ЧП — токены v0.1. Сгенерировано из tokens.json (build.py). Не править руками. */
:root{
  --base-color-red-500: #E5262B;
  --base-color-red-400: #F04A4F;
  --base-color-red-700: #B91C1C;
  --base-color-ink-900: #111214;
  --base-color-ink-800: #1A1C20;
  --base-color-ink-700: #26292F;
  --base-color-ink-600: #33363D;
  --base-color-gray-50: #F3F4F6;
  --base-color-gray-100: #E7E9ED;
  --base-color-gray-200: #E5E7EB;
  --base-color-gray-500: #5B6370;
  --base-color-gray-400: #A1A1AA;
  --base-color-white: #FFFFFF;
  --base-color-blue-600: #2563EB;
  --base-color-blue-500: #2F6BFF;
  --base-color-blue-400: #60A5FA;
  --base-color-yellow-400: #FFC21A;
  --base-color-teal-600: #12A594;
  --base-color-teal-400: #2DD4BF;
  --base-color-teal-700: #0F766E;
  --base-color-green-700: #15803D;
  --base-color-green-400: #4ADE80;
  --base-color-amber-700: #B45309;
  --base-color-amber-400: #FBBF24;
  --base-color-orange-500: #F97316;
  --base-color-violet-600: #7C3AED;
  --base-color-sky-700: #0369A1;
  --base-color-slate-600: #475569;
  --base-color-bronze-600: #A16207;
  --base-radius-s: 12px;
  --base-radius-m: 20px;
  --base-radius-l: 28px;
  --base-radius-pill: 999px;
  --base-radius-icon: 19%;
  --base-space-4: 4px;
  --base-space-8: 8px;
  --base-space-12: 12px;
  --base-space-16: 16px;
  --base-space-20: 20px;
  --base-space-24: 24px;
  --base-space-32: 32px;
  --base-space-40: 40px;
  --base-font-ui: Inter, "SF Pro Text", Roboto, system-ui, sans-serif;
  --base-font-display: Inter, "SF Pro Display", Roboto, system-ui, sans-serif;
  --base-motion-fast: 120ms;
  --base-motion-base: 200ms;
  --base-motion-slow: 320ms;
  --base-motion-ease: cubic-bezier(.2,.8,.2,1);
}
:root, [data-theme="light"]{
  --chp-bg: #F3F4F6;
  --chp-surface: #FFFFFF;
  --chp-surface-2: #E7E9ED;
  --chp-text: #111214;
  --chp-text-muted: #5B6370;
  --chp-line: #E5E7EB;
  --chp-brand: #E5262B;
  --chp-on-brand: #FFFFFF;
  --chp-urgent: #E5262B;
  --chp-on-urgent: #FFFFFF;
  --chp-success: #15803D;
  --chp-warning: #B45309;
  --chp-error: #B91C1C;
  --chp-info: #2563EB;
  --chp-focus: #2563EB;
}
[data-theme="dark"]{
  --chp-bg: #111214;
  --chp-surface: #1A1C20;
  --chp-surface-2: #26292F;
  --chp-text: #F2F3F5;
  --chp-text-muted: #A1A1AA;
  --chp-line: #33363D;
  --chp-brand: #E5262B;
  --chp-on-brand: #FFFFFF;
  --chp-urgent: #F04A4F;
  --chp-on-urgent: #111214;
  --chp-success: #4ADE80;
  --chp-warning: #FBBF24;
  --chp-error: #F87171;
  --chp-info: #60A5FA;
  --chp-focus: #60A5FA;
}
[data-product="abkhazia"]{
  --chp-accent: #2563EB;
  --chp-on-accent: #FFFFFF;
}
[data-theme="dark"] [data-product="abkhazia"], [data-theme="dark"][data-product="abkhazia"]{
  --chp-accent: #60A5FA;
  --chp-on-accent: #111214;
}
/* Акцент оболочки ЧП Авто — ПРОБНАЯ палитра «графит / серебро» (решение владельца 21.10.2026, редакция 2).
   Откат на лайм: вернуть #A3E635 / #1A2E05 в обоих блоках ниже (больше нигде не нужно). */
[data-product="auto"]{
  --chp-accent: #252A34;    /* графит: основная кнопка, активная вкладка */
  --chp-on-accent: #FFFFFF;
}
[data-theme="dark"] [data-product="auto"], [data-theme="dark"][data-product="auto"]{
  --chp-accent: #E5E7EB;    /* серебро: плоский светлый нейтральный, без градиентов */
  --chp-on-accent: #171A20;
}[data-product="mesta"]{
  --chp-accent: #12A594;
  --chp-on-accent: #111214;
}
[data-theme="dark"] [data-product="mesta"], [data-theme="dark"][data-product="mesta"]{
  --chp-accent: #2DD4BF;
  --chp-on-accent: #111214;
}
[data-product="auto"]{
  /* Цвета модулей — возвращены к значениям до внедрения бренда (по запросу владельца, 21.10.2026),
     кроме Эвакуатора и Сервисов — их владелец решил оставить новыми (оранжевый/бирюза). */
  --chp-module-roads: #E8B000; --chp-module-roads-text: #1A1400; /* Дороги и посты — как было */
  --chp-module-tow: #F97316; --chp-module-tow-text: #111214; /* Эвакуатор — оставлено новое (решение владельца) */
  --chp-module-parts: #EA580C; --chp-module-parts-text: #FFFFFF; /* Запчасти — как было */
  --chp-module-services: #0F766E; --chp-module-services-text: #FFFFFF; /* Сервисы — оставлено новое (решение владельца) */
  --chp-module-rides: #16A34A; --chp-module-rides-text: #FFFFFF; /* Попутки — как было */
  --chp-module-rent: #0D9488; --chp-module-rent-text: #FFFFFF; /* Прокат — как было */
  --chp-module-garage: #475569; --chp-module-garage-text: #FFFFFF; /* Гараж — не менялся */
  /* Номера — жёлтая/золотая идентичность значка «777». Оболочка теперь графитовая, поэтому акцент модуля — золото,
     а графитовая плашка остаётся только фоном самого значка (--chp-plates-badge-*). Текст на светлом — через --acc-t (затемнённый). */
  --chp-module-plates: #D4AF37; --chp-module-plates-text: #1A1400;
  --chp-plates-badge-bg: #2A2D33; --chp-plates-badge-fg: #E8C547; /* НЕ #1A1C20: совпал бы с карточкой тёмной темы */
  --chp-module-fines: #1E4FBF; --chp-module-fines-text: #FFFFFF; /* Штрафы МВД — синяя гамма ДПС (как виджет постов) */
  --chp-module-cars: #0369A1; --chp-module-cars-text: #FFFFFF; /* Авто в «Купить / продать» — свой синий (22.10.2026) */
  --chp-module-flea: #A3E635; --chp-module-flea-text: #1A2E05; /* Барахолка — лайм, выбор владельца 22.10.2026 */
  --chp-module-ev: #00B8D9; --chp-module-ev-text: #03222B; /* Электромобилисты (EV_PACK) — электрический циан, не пересекается с Попутками (зелёный) и Сервисами/Прокатом (тёмная бирюза) */
  --chp-module-parcels: #DB2777; --chp-module-parcels-text: #FFFFFF; /* Посылки (поток H) — свой малиновый акцент */
  --chp-module-catalog: #7C3AED; --chp-module-catalog-text: #FFFFFF; /* Витрина / Бизнесы — как было */
  /* «Купить / продать» — раздел оболочки (графит/серебро), отдельного цвета нет. Малиновый #DB2777 больше не используется. */
}
/* Компонентные токены: пересчитываются в каждом продукте и теме */
:root, [data-theme], [data-product]{
  --chp-button-radius: 20px;
  --chp-button-height: 52px;
  --chp-button-primary-bg: var(--chp-accent);
  --chp-button-primary-text: var(--chp-on-accent);
  --chp-button-urgent-bg: var(--chp-urgent);
  --chp-button-urgent-text: var(--chp-on-urgent);
  --chp-card-radius: 28px;
  --chp-card-bg: var(--chp-surface);
  --chp-card-pad: 16px;
  --chp-chip-radius: 999px;
  --chp-chip-on-bg: var(--chp-accent);
  --chp-chip-on-text: var(--chp-on-accent);
  --chp-chip-off-bg: var(--chp-surface);
  --chp-chip-off-line: var(--chp-line);
  --chp-tabs-bg: var(--chp-surface-2);
  --chp-tabs-active-bg: var(--chp-surface);
  --chp-tabs-indicator: var(--chp-accent);
  --chp-nav-bg: var(--chp-surface);
  --chp-nav-active: var(--chp-text);
  --chp-nav-indicator: var(--chp-accent);
  --chp-nav-idle: var(--chp-text-muted);
  --chp-status-confirmed: var(--chp-success);
  --chp-status-unverified: var(--chp-warning);
  --chp-status-corrected: var(--chp-info);
  --chp-status-urgent: var(--chp-urgent);
}