/* =====================================================================
   tokens.css (= макет tokens-v2.css) — «Дом, семья» (дом7я.рф + приложение), фаза 4, макет 13.10.2026.
   Замена pult_site/static/tokens.css. Компоненты берут цвета/шрифты ТОЛЬКО отсюда.

   ДВЕ ОСИ, НЕЗАВИСИМЫЕ ДРУГ ОТ ДРУГА:
     data-theme = "light" | "dark"   — тема. Ставит JS ВСЕГДА (выбор «как в системе» JS сам переводит
                                       в light/dark по matchMedia и слушает его изменения). Поэтому тёмные
                                       значения записаны один раз, без дубля в @media.
     data-proj  = "bolt" | "kart" | "home" | "none" | "all" — выбранный проект (логотип в шапке).
                                       Меняет акцент, цвет «пикселей» фона, а у Кузарта — ещё основу и шрифт
                                       (раздел Кузарт — в стиле kuzart.ru и брендбука KuznecovA).
   Образец основы и «пикселей» — панель Болтовского на G580 (~/bolt-monitor/index.html, 10.10, ⚡-🔩-BOLT-DESIGN):
   сетка точек radial-gradient 16 px + редкая сетка 48 px с маской-виньеткой и неподвижные пятна света.
   ===================================================================== */

/* ---------- 1. ОБЩЕЕ ---------- */
:root{
  --fs-scale:1;                                  /* Настройки → размер текста: .9 / 1 / 1.15 / 1.3 */
  --fs-xs:12px; --fs-s:13.5px; --fs-m:15px; --fs-l:17px; --fs-xl:21px; --fs-h1:clamp(22px,2.4vw,30px);
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px;
  --r-xs:8px; --r-s:12px; --r-m:14px; --r-l:18px; --r-xl:22px; --r-pill:999px;
  --tap:44px;                                    /* все касания ≥ 44 (Д-11) */
  --top-h:60px;                                  /* шапка: одна высота на всех экранах (Д-1) */
  --strip-h:60px;                                /* прилипающая полоса: одна высота на всех экранах (Д-2) */
  --bar-h:64px; --side-w:264px; --content-max:1180px;
  --dur:.22s; --ease:cubic-bezier(.2,.8,.2,1);
  --tg:#1C76B5; --tg-ink:#FFFFFF; --on-media:#FFFFFF; --media-shade:rgba(0,0,0,.62);
  --safe-t:env(safe-area-inset-top,0px); --safe-b:env(safe-area-inset-bottom,0px);
  --font-mono:"JetBrains Mono",ui-monospace,"DejaVu Sans Mono",monospace;
}
@media (prefers-reduced-motion:reduce){:root{--dur:0s}}

/* ---------- 2. СВЕТЛАЯ ОСНОВА (G580 светлая + токены ⚡-🔩-BOLT-DESIGN) ---------- */
:root, [data-theme="light"]{
  color-scheme:light;
  --font-display:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;   /* кириллица есть — без засечек (Д-9) */
  --font-body:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --fw-display:700; --fw-strong:600; --ls-display:-.015em; --tt-display:none;

  --bg:#ECEDF1; --bg-2:#E3E5EB; --surface:#FFFFFF; --surface-2:#F6F7F9; --sunk:#EEF0F3;
  --line:#DCDEE4; --line-2:#C5C8D2; --line-strong:#7F8596;
  --fg:#1D2029; --fg-2:#555B6B; --fg-3:#80869A;
  --ink:#1D2029; --ink-fg:#FFFFFF; --focus:#414660;

  --yes:#3F7D0B; --yes-ink:#FFFFFF;
  --ok:#3F7D0B; --ok-bg:#E9F4CF; --warn:#8A5A00; --warn-bg:#FFF1BF; --perm:#A04609; --perm-bg:#FCE9DC;
  --think:#7446C2; --think-bg:#F0E8FC; --think-line:#A57FE0;   /* Дом №1593 «💭 Рассуждение»: фиолетовый — свободный оттенок */
  --star:#B45309; --star-bg:#FDEBD3; --star-line:#E08A2C;   /* Дом №1583 «⭐ Важно»: янтарь, не жёлтый --warn/Болтовский */
  --info:#2F5F9E; --info-bg:#E2E9F5; --crit:#C21B1B; --crit-solid:#E62222; --crit-bg:#FCE3E3;
  --mrg:#6E4AA0; --mrg-bg:#EEE6F7;
  --s-prop:#8A8E9C; --s-appr:#D9A300; --s-form:#E8890C; --s-sent:#5B82C4; --s-work:#2F5F9E; --s-done:#5E9A0B; --s-acc:#3F7D0B;

  --glass:rgba(255,255,255,.78); --glass-line:rgba(255,255,255,.9); --glass-blur:16px;
  --shadow-1:0 1px 2px rgba(29,32,41,.05),0 4px 14px rgba(29,32,41,.06);
  --shadow-2:0 14px 36px rgba(29,32,41,.16);
  --scrim:rgba(20,22,29,.6); --scrim-soft:rgba(20,22,29,.18); --skeleton:#E4E6EB;
  --lm-float:0 6px 18px rgba(20,24,40,.18),0 1px 3px rgba(20,24,40,.12);

  /* «пиксели» и свет фона (G580: --dot0/--dot20/--g1..g3, светлая) */
  --g1:rgba(255,208,25,.50); --g2:rgba(65,70,96,.26); --g3:rgba(150,200,13,.22);
  --dot:rgba(65,70,96,.42); --dot2:rgba(185,138,0,.55); --dots-op:.6;

  /* акцент по умолчанию = Болтовский */
  --accent:#FFD019; --accent-ink:#1D2029; --accent-soft:#FFF3C4; --accent-text:#8A6A00;
  --sysbar:#ECEDF1;                              /* цвет системных полос Android = --bg (Д-8) */
}

/* ---------- 3. ТЁМНАЯ ОСНОВА (G580 «ночное стекло», фон #0E1014 / карточки #1C1F26) ---------- */
[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0E1014; --bg-2:#14171D; --surface:#1C1F26; --surface-2:#232731; --sunk:#14161B;
  --line:#2C303A; --line-2:#3B404D; --line-strong:#6B7182;
  --fg:#ECEDF0; --fg-2:#A9AFBD; --fg-3:#959CAB;   /* аудит тёмной темы F03: было #7F8696 — 3.6–4.1 на поднятых поверхностях */
  --ink:#ECEDF0; --ink-fg:#14161B; --focus:#FFD019;

  --yes:#96C80D; --yes-ink:#1D2029;
  --ok:#B6E33A; --ok-bg:rgba(150,200,13,.16); --warn:#FFD019; --warn-bg:rgba(255,208,25,.14); --perm:#FFA766; --perm-bg:rgba(232,116,42,.16);
  --think:#C6A5FF; --think-bg:rgba(160,110,245,.17); --think-line:#8A64D2;
  --star:#FFB25C; --star-bg:rgba(255,150,40,.16); --star-line:#E8892A;
  --info:#AEB5DC; --info-bg:rgba(154,161,200,.16); --crit:#FF7B7B; --crit-solid:#E62222; --crit-bg:rgba(230,34,34,.18);
  --mrg:#CBB0F2; --mrg-bg:rgba(203,176,242,.14);
  --s-prop:#8A91A0; --s-appr:#FFD019; --s-form:#F2B46A; --s-sent:#93B7EA; --s-work:#7A9FD4; --s-done:#96C80D; --s-acc:#B6E33A;

  --glass:rgba(20,22,29,.80); --glass-line:rgba(255,255,255,.08);
  --shadow-1:inset 0 1px 0 rgba(255,255,255,.04),0 6px 18px -8px rgba(0,0,0,.6);
  --shadow-2:0 18px 44px rgba(0,0,0,.55); --hover:rgba(255,255,255,.06);
  --scrim:rgba(4,5,8,.72); --scrim-soft:rgba(0,0,0,.3); --skeleton:#262A33;
  --lm-float:0 6px 20px rgba(0,0,0,.55),0 1px 3px rgba(0,0,0,.5);

  --g1:rgba(255,208,25,.20); --g2:rgba(65,70,96,.70); --g3:rgba(150,200,13,.09);
  --dot:rgba(255,208,25,.55); --dot2:rgba(255,255,255,.30); --dots-op:.5;

  --accent:#FFD019; --accent-ink:#1D2029; --accent-soft:#363016; --accent-text:#FFD019;
  --sysbar:#0E1014;
}

/* ---------- 4. ПРОЕКТЫ (data-proj) ---------- */
/* Болтовский — значения основы выше (жёлтый #FFD019, графит). */

/* «Дом, семья» — личное и система: тёплый оранжевый записной книжки пульта */
[data-proj="home"]{ --accent:#F0A03A; --accent-ink:#1D2029; --accent-soft:#FDEBD3; --accent-text:#9A4F00;
  --g1:rgba(240,160,58,.42); --dot2:rgba(199,106,0,.5); }
[data-theme="dark"][data-proj="home"]{ --accent-soft:#3A2A16; --accent-text:#F0A03A;
  --g1:rgba(240,160,58,.16); --dot:rgba(240,160,58,.5); }

/* Неопределённое — сине-серый Болтовского #414660 / #9AA1C8 */
[data-proj="none"],[data-proj="all"]{ --accent:#414660; --accent-ink:#FFFFFF; --accent-soft:#E4E6F0; --accent-text:#414660;
  --g1:rgba(154,161,200,.45); --dot2:rgba(65,70,96,.45); }
[data-theme="dark"][data-proj="none"],[data-theme="dark"][data-proj="all"]{ --accent:#9AA1C8; --accent-ink:#0E1014; --accent-soft:#262A3A; --accent-text:#B8BEE0;
  --g1:rgba(154,161,200,.14); --dot:rgba(154,161,200,.5); }

/* Кузарт — как kuzart.ru: графит #24221F, светло-серый #F4F4F4, беж #EFE9DF, золото #F1B860 (вензель #DEA55A),
   шрифт Manrope (тот же, что на kuzart.ru), заголовки капсом тонким начертанием, кнопки — чёрные таблетки. */
[data-proj="kart"]{
  --font-display:"Manrope",system-ui,sans-serif; --font-body:"Manrope",system-ui,sans-serif;
  --fw-display:400; --fw-strong:600; --ls-display:.01em; --tt-display:uppercase;
  /* фаза 4 (владелец 13.10: «проработать все проекты»): светлая Кузарта — тёплая, беж и золото, как kuzart.ru */
  --bg:#F3EEE7; --bg-2:#EAE3D9; --surface:#FFFDF9; --surface-2:#F8F3EC; --sunk:#EEE6DB;
  --line:#E4DACD; --line-2:#CDBDA9; --fg:#24221F; --fg-2:#5E5248; --fg-3:#8A7D70;
  --ink:#2B2119; --ink-fg:#FFFFFF; --focus:#24221F;
  --accent:#2B2119; --accent-ink:#F6E7CF; --accent-soft:#F0E2CC; --accent-text:#8A5A1E;
  --g1:rgba(241,184,96,.36); --g2:rgba(131,73,59,.12); --g3:rgba(222,165,90,.20);
  --dot:rgba(90,62,40,.30); --dot2:rgba(222,165,90,.65); --dots-op:.55; --sysbar:#F3EEE7;
}
[data-theme="dark"][data-proj="kart"]{
  --bg:#15120F; --bg-2:#1B1713; --surface:#221D18; --surface-2:#2B251F; --sunk:#181411;
  --line:#3A3129; --line-2:#52463A; --fg:#F5EFE6; --fg-2:#BDB1A2; --fg-3:#A99C8A; --line-strong:#8A7B6C;
  --ink:#EFE9DF; --ink-fg:#24221F; --focus:#F1B860;
  --accent:#F1B860; --accent-ink:#24221F; --accent-soft:#3A3024; --accent-text:#F1B860;
  --g1:rgba(241,184,96,.14); --g2:rgba(131,73,59,.28); --g3:rgba(239,233,223,.04);
  --dot:rgba(241,184,96,.42); --dot2:rgba(239,233,223,.22); --dots-op:.5; --sysbar:#15120F;
}

/* цвет точки проекта в списках/карточках — одинаков в обеих темах */
:root{ --p-bolt:#FFD019; --p-kart:#DEA55A; --p-home:#F0A03A; --p-none:#9AA1C8; }

/* ---------- 5. СОВМЕСТИМОСТЬ: имена прежнего tokens.css, на которые ещё ссылаются карточки, доска и вход ---------- */
:root{
  --sp-7:48px; --fs-hero:clamp(30px,4vw,44px); --dur-in:.3s;
  --ctx-bolt:var(--p-bolt); --ctx-kart:var(--p-kart); --ctx-none:var(--p-none);
  --glow-1:var(--g1); --glow-2:var(--g2); --gold:#E3AE66;
  --login-pattern:none; --login-pattern-size:168px; --login-pattern-opacity:0;
}
@media (prefers-reduced-motion:reduce){:root{--dur-in:0s}}
/* вход и пустые экраны Кузарта — фирменный узор едва заметно (решение владельца 11.10) */
[data-proj="kart"]{ --login-pattern:url("kart/kart-pattern.svg"); --login-pattern-opacity:1; }

/* Дом №1507 «Пульт → Агенты» (макет BOLT-DESIGN дом7я-агенты): фоновый процесс, вопрос на экране, цвета команд, точки состояния */
:root, [data-theme="light"]{ --run:#2F5FBF; --run-bg:#E3EBFB; --perm:#B4510E; --perm-bg:#FDE9DA; }
[data-theme="dark"]{ --run:#8FB0FF; --run-bg:rgba(79,123,217,.22); --perm:#FFA766; --perm-bg:rgba(232,116,42,.2); }
:root{ --tm-sys:#4F7BD9; --tm-home:var(--p-home); --tm-bolt:var(--p-bolt); --tm-kart:var(--p-kart); --tm-common:#8E7CD6; --tm-own:#C0507E;
  --tm-none:#8A8F9E; --tm-ink:#1D2029; --k-think:#3FAE4A; --k-bg:#4F7BD9; --k-perm:#E8742A; }
/* «Пульт», волна B (макеты дом7я-пульт-ждёт-меня / -в-работе / -порядок): ★ важно, 💭 рассуждение, столбики «Порядка» */
:root, [data-theme="light"]{ --star:#B45309; --star-bg:#FDEBD3; --star-line:#E08A2C; --think:#7446C2; --think-bg:#F0E8FC; --think-line:#A57FE0; --pz-bar:#C9CCD6; }
[data-theme="dark"]{ --star:#FFB25C; --star-bg:rgba(255,150,40,.16); --star-line:#E8892A; --think:#C6A5FF; --think-bg:rgba(160,110,245,.17); --think-line:#8A64D2; --pz-bar:#4A5060;
  --tm-sys:#7A9BE6; --tm-common:#A898E6; --tm-own:#E07AA3; }
/* «Разборщик» (DESIGN дом7я-пульт-разборщик §4): нейтральная полоска «Вопросы вам» — не тип разборщика */
:root, [data-theme="light"]{ --rz2-q:#6B7590; --rz2-q-bg:#E9ECF3; }
[data-theme="dark"]{ --rz2-q:#9AA4C0; --rz2-q-bg:rgba(140,155,195,.16); }