/* ============================================================
   МосТАБАК — Design Tokens (2027)
   Бренд-ДНК: чёрно-белая база (как корпоративный сайт) +
   сигнальные цвета только для статусов. Тема через [data-theme].
   ============================================================ */
:root{
  /* --- neutral surfaces (dark = default) — v2: посветлённый уголь, не «чёрная дыра» --- */
  --bg:#15161a;
  --surface:#1d1f24;
  --surface-2:#24262c;
  --surface-3:#2e3138;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.16);

  /* --- text --- */
  --text:#f2f2f4;
  --text-2:#b7b9c0;
  --text-3:#8d8f98;

  /* --- accent = чистый белый (макс. контраст на тёмном) --- */
  --accent:#ffffff;
  --accent-ink:#0b0b0c;
  --accent-soft:rgba(255,255,255,.10);

  /* --- v2: тёплый янтарный акцент — ТОЛЬКО герой-дело, активный таб, ключевые акценты --- */
  --hero1:#f4c96b; --hero2:#e2a53f; --hero-ink:#231a08;
  /* v2: зелёный герой «всё готово» (градиент). Тёмная «краска» на зелёном —
     отдельное имя: --ok-ink уже занят алиасом style.css (= сам зелёный). */
  --ok1:#59df97;   --ok2:#27ab66;   --hero-ok-ink:#06210f;
  /* v2: приглушённый CTA вместо кричаще-белого */
  --cta:#ececef;   --cta-ink:#17181c;

  /* --- сигнальные цвета (несут смысл, не украшают) --- */
  --ok:#41d98a;      --ok-soft:rgba(65,217,138,.14);
  --alert:#ff6464;   --alert-soft:rgba(255,100,100,.14);
  --warn:#ffc24b;    --warn-soft:rgba(255,194,75,.16);
  --info:#6fb1ff;    --info-soft:rgba(111,177,255,.14);

  /* --- радиусы (единая шкала — только эти значения) --- */
  --r-sm:12px; --r-md:16px; --r-lg:22px; --r-pill:999px;

  /* --- тени / стекло --- */
  --shadow:0 12px 34px rgba(0,0,0,.45);
  --glass:rgba(24,25,30,.78);

  /* --- типографика --- */
  --font:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --fs-display:26px; --fw-display:800;
  --fs-title:20px;   --fw-title:800;
  --fs-body:15px;    --fw-body:700;
  --fs-caption:13px; --fw-caption:500;

  /* --- отступы / тач-цели --- */
  --space:16px;
  --tap-min:48px;
}

[data-theme="light"]{
  --bg:#f2f2f3;
  --surface:#ffffff;
  --surface-2:#f7f7f8;
  --surface-3:#ebebed;
  --line:rgba(10,10,12,.10);
  --line-strong:rgba(10,10,12,.16);
  --text:#0d0d0f;
  --text-2:#54545a;
  --text-3:#6e6e74;
  --accent:#0d0d0f;      /* чёрный, как кнопки на сайте */
  --accent-ink:#ffffff;
  --accent-soft:rgba(10,10,12,.07);
  /* v2-акценты (роли те же, значения под светлую тему) */
  --hero1:#f6cd74; --hero2:#e9ad46; --hero-ink:#241b09;
  --ok1:#3fce85;   --ok2:#12945a;   --hero-ok-ink:#04240f;
  --cta:#17181c;   --cta-ink:#ffffff;
  --ok:#0ea45a;    --ok-soft:rgba(14,164,90,.12);
  --alert:#d92d2d; --alert-soft:rgba(217,45,45,.10);
  --warn:#b7791f;  --warn-soft:rgba(183,121,31,.14);
  --info:#0a6cff;  --info-soft:rgba(10,108,255,.10);
  --shadow:0 12px 34px rgba(20,20,25,.12);
  --glass:rgba(255,255,255,.8);
}