/* =====================================================================
   tokens.css — пульт задач владельца, дом7я.рф
   Каркас и токены ведёт ⚡-🔩-BOLT-DESIGN (11.10.2026).
   Компоненты берут цвета, шрифты, радиусы и тени ТОЛЬКО отсюда.
   Тема — атрибут на <html>: data-theme="bolt" (светлая, по умолчанию) | "kart" (тёмная).
   Раздел (чьи записи) — отдельный атрибут data-ctx="bolt|kart|none", на цвета темы не влияет.
   ===================================================================== */

/* ---------- 1. ОБЩЕЕ (не зависит от темы) ---------- */
:root{
  /* размеры шрифта */
  --fs-xs:12px; --fs-s:13.5px; --fs-m:15px; --fs-l:17px; --fs-xl:21px; --fs-h1:clamp(20px,2.2vw,28px); --fs-hero:clamp(30px,4vw,44px);
  /* отступы, шаг 4 */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px;
  /* скругления */
  --r-xs:8px; --r-s:12px; --r-m:14px; --r-l:18px; --r-xl:22px; --r-pill:999px;
  /* касание, каркас */
  --tap:44px; --side-w:252px; --bar-h:64px; --top-h:60px; --content-max:1180px;
  /* движение (при prefers-reduced-motion обнуляется ниже) */
  --dur:.24s; --dur-in:.32s; --ease:cubic-bezier(.2,.8,.2,1);
  /* Telegram — цвет кнопки «Войти через Telegram» (фирменный, в обеих темах) */
  --tg:#1C76B5; --tg-ink:#FFFFFF;   /* темнее фирменного #2AABEE: белый текст 4,9:1 */
  /* поверх фото/кадров */
  --on-media:#FFFFFF; --media-shade:rgba(0,0,0,.62);
  /* безопасные отступы (телефон, Telegram Mini App подставляет свои через JS) */
  --safe-t:env(safe-area-inset-top,0px); --safe-b:env(safe-area-inset-bottom,0px);
}
@media (prefers-reduced-motion:reduce){:root{--dur:0s; --dur-in:0s}}

/* ---------- 2. ТЕМА BOLT — светлая, стиль Болтовского (по умолчанию) ---------- */
:root, [data-theme="bolt"]{
  color-scheme:light;
  --font-display:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-body:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"DejaVu Sans Mono",monospace;
  --fw-display:800; --fw-strong:700; --ls-display:-.01em;

  --bg:#F2F3F5;          /* фон страницы */
  --bg-2:#E9EAEE;        /* второй фон: боковое меню, полосы */
  --surface:#FFFFFF;     /* карточки */
  --surface-2:#F7F8FA;   /* вложенные плашки в карточке */
  --sunk:#EEF0F3;        /* утопленное: поле ввода, капсула голоса */
  --line:#DCDDE2; --line-2:#C5C8D2;
  --fg:#1D2029;          /* графит — текст */
  --fg-2:#585D6E;        /* подписи */
  --fg-3:#8A8E9C;        /* третьестепенное */

  --accent:#FFD019;      /* жёлтый: одно главное действие, активный пункт, счётчики */
  --accent-ink:#1D2029;  /* текст на жёлтом */
  --accent-soft:#FFF3C4; /* мягкая жёлтая заливка: «ждёт вас», ваши сообщения */
  --accent-text:#8A6A00; /* жёлтый как текст на белом (читаемый) */
  --ink:#1D2029; --ink-fg:#FFFFFF;   /* тёмная плашка: выбранная вкладка, кнопка воспроизведения */
  --focus:#414660;       /* рамка фокуса */

  --yes:#3F7D0B; --yes-ink:#FFFFFF;  /* «✅ Да / Принять» */
  --ok:#3F7D0B;   --ok-bg:#EEF7D6;
  --warn:#8A5A00; --warn-bg:#FFF3C4;
  --info:#2F5F9E; --info-bg:#E4EAF5;
  --crit:#C81E1E; --crit-solid:#E62222; --crit-bg:#FCE3E3;   /* красный — только тревога */
  --mrg:#6E4AA0;  --mrg-bg:#EEE6F7;

  /* статусы задачи (6 шагов) */
  --s-prop:#8A8E9C; --s-appr:#D9A300; --s-form:#E8890C; --s-sent:#5B82C4; --s-work:#2F5F9E; --s-done:#5E9A0B; --s-acc:#3F7D0B;
  /* разделы-контексты (точка на переключателе) */
  --ctx-bolt:#FFD019; --ctx-kart:#5A80B2; --ctx-none:#8A8E9C;

  /* стекло (шапка, нижняя панель) — сдержанно */
  --glass:rgba(255,255,255,.72); --glass-line:rgba(255,255,255,.8); --glass-blur:18px;
  --glow-1:rgba(255,208,25,.28); --glow-2:rgba(65,70,96,.14);
  --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,.72);
  --skeleton:#E4E6EB;
}

/* ===== 3. ТЕМА KART — заменяется theme-kart.css (⚡-🛋️-KART-DESIGN). Вклеено 11.10 целиком, править только у них. ===== */
/* =====================================================================
   3. ТЕМА KART — тёмная, стиль Кузарта (data-theme="kart")
   Автор: ⚡-🛋️-KART-DESIGN, 11.10.2026. Имена токенов — из tokens.css ⚡-🔩-BOLT-DESIGN,
   этот блок целиком заменяет заглушку раздела 3.
   Источник: брендбук KuznecovA («Фирстиль пдф.pdf» стр. 5 и 12; «Логотип.ai»):
     #141E3C тёмно-синий · #374B78 синий · #5A80B2 голубой · #BECDE1 светло-голубой
     #FFDC78 жёлтый акцент · #DEA55A золото вензеля
   Шрифты: Yeseva One (только крупные заголовки) + Roboto — бесплатные, OFL, кириллица есть.
   Контраст (WCAG) на карточке --surface: текст 13,5:1 · --fg-2 7,1:1 · --fg-3 5,7:1 ·
   акцент 11,3:1 · все статусы ≥ 4,5:1 и на --surface-2 · текст на цветных ярлыках ≥ 5,1:1.
   ===================================================================== */
[data-theme="kart"]{
  color-scheme:dark;
  --font-display:"Yeseva One",Georgia,"Times New Roman",serif;
  --font-body:"Roboto",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"DejaVu Sans Mono",monospace;
  --fw-display:400;      /* у Yeseva One одно начертание — без ложного жирного */
  --fw-strong:500;       /* Roboto на тёмном: 500 читается как жирный, 700 «плывёт» */
  --ls-display:.01em;

  /* ночь → боковое меню → карточка → вложенное. Фон чуть глубже фирменного,
     глубину дают ступени синего, а не тени (на тёмном тени не видны) */
  --bg:#111A33;          /* фон страницы */
  --bg-2:#0C142A;        /* боковое меню, нижняя панель, полосы */
  --surface:#18244A;     /* карточки */
  --surface-2:#1F2D58;   /* вложенные плашки, наведение */
  --sunk:#0C142A;        /* поле ввода, капсула голоса, лента кадров */
  --line:#2C3D6E; --line-2:#3A4E86;
  --fg:#EEF2F9;          /* холодный белый, не #fff */
  --fg-2:#A3B3CF;        /* подписи — из фирменного #BECDE1 */
  --fg-3:#8FA0BF;        /* третьестепенное */

  --accent:#FFDC78;      /* фирменный жёлтый: одно главное действие, активное, счётчики */
  --accent-ink:#141E3C;  /* текст на жёлтом — фирменный тёмно-синий */
  --accent-soft:#463D2E; /* «ждёт вас», ваши сообщения — тёмная бронза (жёлтый на синем даёт серую муть) */
  --accent-text:#FFDC78;
  --ink:#BECDE1; --ink-fg:#141E3C;   /* выбранная вкладка, кнопка ▶ — фирменный светло-голубой */
  --focus:#FFDC78;

  --yes:#7FD4A3; --yes-ink:#0E2A1B;  /* «✅ Да / Принять»: светлый зелёный, тёмный текст 8,7:1 */
  --ok:#7FD4A3;   --ok-bg:#284058;
  --warn:#F2B46A; --warn-bg:#4A3628;
  --info:#93B7EA; --info-bg:#2E3E67;
  --crit:#F2958A; --crit-solid:#C43C3C; --crit-bg:#4A2B3A;
  --mrg:#CBB0F2;  --mrg-bg:#383D68;

  /* статусы задачи: серый → жёлтый → оранж → голубой → синий → зелёный */
  --s-prop:#95A2BD; --s-appr:#FFDC78; --s-form:#F2B46A; --s-sent:#93B7EA; --s-work:#7A9FD4; --s-done:#7FD4A3; --s-acc:#A8E8C2;
  --ctx-bolt:#FFD019; --ctx-kart:#E3AE66; --ctx-none:#95A2BD;   /* точка «Кузарт» — золото вензеля */

  /* стекло шапки и нижней панели; свечения — голубой и золото, едва-едва */
  --glass:rgba(17,26,51,.74); --glass-line:rgba(190,205,225,.10); --glass-blur:18px;
  --glow-1:rgba(90,128,178,.16); --glow-2:rgba(227,174,102,.05);
  --shadow-1:inset 0 1px 0 rgba(190,205,225,.06),0 6px 18px -8px rgba(4,8,20,.6);
  --shadow-2:0 18px 44px rgba(4,8,20,.55);
  --scrim:rgba(6,10,24,.8);
  --skeleton:#22305A;

  /* сверх каркаса — для украшений Кузарта (можно не использовать) */
  --gold:#E3AE66;        /* линейки, номер дня, вензель-заглушка */

  /* фирменный узор «Паттерн 1» на экране входа — едва заметно (решение владельца 11.10).
     Приглушённость зашита в сам SVG, поэтому слою — полная непрозрачность */
  --login-pattern:url("kart/kart-pattern.svg");
  --login-pattern-size:168px;
  --login-pattern-opacity:1;
}

/* Система просит тёмную, тема не выбрана — включаем Кузарт.
   Значения повторяют блок выше: при правке менять оба. */
@media (prefers-color-scheme: dark){
  :root:not([data-theme]){
    color-scheme:dark;
    --font-display:"Yeseva One",Georgia,"Times New Roman",serif;
    --font-body:"Roboto",system-ui,-apple-system,"Segoe UI",sans-serif;
    --font-mono:"JetBrains Mono",ui-monospace,"DejaVu Sans Mono",monospace;
    --fw-display:400; --fw-strong:500; --ls-display:.01em;
    --bg:#111A33; --bg-2:#0C142A; --surface:#18244A; --surface-2:#1F2D58; --sunk:#0C142A;
    --line:#2C3D6E; --line-2:#3A4E86;
    --fg:#EEF2F9; --fg-2:#A3B3CF; --fg-3:#8FA0BF;
    --accent:#FFDC78; --accent-ink:#141E3C; --accent-soft:#463D2E; --accent-text:#FFDC78;
    --ink:#BECDE1; --ink-fg:#141E3C; --focus:#FFDC78;
    --yes:#7FD4A3; --yes-ink:#0E2A1B;
    --ok:#7FD4A3; --ok-bg:#284058; --warn:#F2B46A; --warn-bg:#4A3628;
    --info:#93B7EA; --info-bg:#2E3E67;
    --crit:#F2958A; --crit-solid:#C43C3C; --crit-bg:#4A2B3A;
    --mrg:#CBB0F2; --mrg-bg:#383D68;
    --s-prop:#95A2BD; --s-appr:#FFDC78; --s-form:#F2B46A; --s-sent:#93B7EA; --s-work:#7A9FD4; --s-done:#7FD4A3; --s-acc:#A8E8C2;
    --ctx-bolt:#FFD019; --ctx-kart:#E3AE66; --ctx-none:#95A2BD;
    --glass:rgba(17,26,51,.74); --glass-line:rgba(190,205,225,.10); --glass-blur:18px;
    --glow-1:rgba(90,128,178,.16); --glow-2:rgba(227,174,102,.05);
    --shadow-1:inset 0 1px 0 rgba(190,205,225,.06),0 6px 18px -8px rgba(4,8,20,.6);
    --shadow-2:0 18px 44px rgba(4,8,20,.55);
    --scrim:rgba(6,10,24,.8);
    --skeleton:#22305A;
    --gold:#E3AE66;
    --login-pattern:url("kart/kart-pattern.svg"); --login-pattern-size:168px; --login-pattern-opacity:1;
  }
}

/* ---------------------------------------------------------------------
   Логотип зависит от РАЗДЕЛА (data-ctx), не от темы.
   Раздел «Кузарт»: в тёмной теме — белая надпись и светлое золото,
   в светлой — тёмно-синяя надпись и золото потемнее. Пути — от tokens.css.
   В шапке — вензель (--brand-mark), полный логотип — на экране входа.
   --------------------------------------------------------------------- */
[data-ctx="kart"]{
  --brand-logo:url("kart/kart-logo-row-ink.svg");
  --brand-logo-stack:url("kart/kart-logo-ink.svg");
  --brand-mark:url("kart/kart-mark-ink.svg");
}
[data-theme="kart"][data-ctx="kart"], [data-theme="kart"] [data-ctx="kart"]{
  --brand-logo:url("kart/kart-logo-row.svg");
  --brand-logo-stack:url("kart/kart-logo.svg");
  --brand-mark:url("kart/kart-mark.svg");
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme])[data-ctx="kart"], :root:not([data-theme]) [data-ctx="kart"]{
    --brand-logo:url("kart/kart-logo-row.svg");
    --brand-logo-stack:url("kart/kart-logo.svg");
    --brand-mark:url("kart/kart-mark.svg");
  }
}
/* ---------- конец раздела ТЕМА KART ---------- */