/* ===== АВПульт · дизайн-токены v5 «Единый стиль», вариант А «Спокойный» (С1, 07.11.2026, решение владельца) =====
   RU: Две темы — light и dark — отличаются только цветом: шрифт, размеры, радиусы и плотность одни. Шрифт один — Onest
       (цифры — его табличные), JetBrains Mono — только для кодов и клавиш. «Мобильной» темы больше нет: на узком экране
       (< 821 px) крупнее текст и кнопки, раскладку даёт html.narrow. Шрифт — 6 размеров, радиусы 8/12/16 и r-pill, шаг 4 px.
       Кнопки — M (--btn-h) и S (--btn-h-s), на телефоне 48 и 44 px. Кольцо фокуса и рамка полей — контраст не меньше 3:1 (WCAG).
       Макет и правила — maket/plan-style.html, docs/PLAN-STYLE.md.
   EN: Design tokens v5 "One style", variant A. Two themes differ in colour only; one font (Onest, tabular figures), mono for codes.
       No "mobile" theme: narrow screens get bigger text and buttons. Six font sizes, radii 8/12/16 + pill, two button heights. */
:root{
 /* RU: Самый мелкий текст — 13 px (ТК9). EN: The smallest text is 13 px. */
 --fs-xs:13px;--fs-sm:14px;--fs-base:15px;--fs-lg:17px;--fs-xl:22px;--fs-h1:28px;
 --tap:44px;            /* RU: минимальная зона нажатия на телефоне. EN: minimal tap target on phones. */
 --btn-h:40px;--btn-h-s:32px;
 --yandex:#fc3f1d;--on-yandex:#fff; /* RU: знак Яндекса на кнопке входа, одинаковый во всех темах. EN: Yandex mark, same in every theme. */
 --dur:.22s;--ease:cubic-bezier(.2,.8,.2,1);
 --z-top:5;--z-tab:20;--z-overlay:30;--z-sheet:31;--z-toast:60;
 --font:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-num:"Onest",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;
 --r-s:8px;--r:12px;--r-l:16px;--r-pill:999px;
 /* RU: плотность одна для обеих тем. EN: one density for both themes. */
 --side-w:240px;--top-h:60px;--pad-page:28px;--gap:16px;--ctl-h:40px;--lh:1.5;
}
/* RU: Узкий экран (телефон, планшет стоя): крупнее текст и кнопки — то, что раньше давала «мобильная» тема.
   EN: Narrow screens: bigger text and controls (what the old "mobile" theme did). :root[data-theme] beats the theme blocks. */
@media (max-width: 820px){
 :root,:root[data-theme]{ --btn-h:48px;--btn-h-s:44px;--fs-base:16px;--fs-lg:18px;--side-w:0px;--top-h:64px;--pad-page:16px;--gap:12px;--ctl-h:48px;--lh:1.45; }
}
/* RU: С7: контраст по WCAG 2.1 проверяет tests.test_contrast (текст 4,5 : 1, рамки, фокус и заливки 3 : 1); 08.11 темнее стали
   --ok (4,36 → 4,83 на --ok-soft) и --warn-fill (2,5 → 3,15 на --bg). EN: C7: WCAG contrast is tested by tests.test_contrast. */
/* ---------- light ---------- */
[data-theme="light"]{
 --badge-bg:#c0322f;--badge-ink:#ffffff;--glass-bg:rgba(244,244,241,.86);--glass-surface:rgba(255,255,255,.92);
 color-scheme:light;
 --bg:#f4f4f1;--surface:#ffffff;--surface-2:#f0efeb;--surface-3:#e7e6e0;--line:#e2e1db;--line-2:#ecebe6;--line-field:#8e8b82;
 --ink:#17181b;--ink-2:#3f4147;--muted:#5f6168;
 --acc:#2457d6;--acc-ink:#ffffff;--acc-soft:#e8eefc;--acc-soft-ink:#1d47b3;
 --ok:#167846;--ok-soft:#e3f4ea;--warn:#945700;--warn-soft:#fdf0d9;--bad:#c0322f;--bad-soft:#fbe8e7;--info:#2457d6;--info-soft:#e8eefc;
 --ok-fill:#1f9d5c;--warn-fill:#bd7c00;--bad-fill:#e5484d;--track:#d7d6d0;--knob:#ffffff;
 --money:#8a4a00;--money-soft:#fdeccf;--money-line:#e09400;
 --c1:#2457d6;--c2:#7fd8b5;--c-grid:#ecebe6;
 --s1:#2a78d6;--s2:#eb6834;--s3:#1baf7a;--s4:#eda100;--s5:#e87ba4;
 --av-bg-1:#e3eafc;--av-ink-1:#1d47b3;--av-bg-2:#dff5e9;--av-ink-2:#0b6b48;--av-bg-3:#ffe9d6;--av-ink-3:#8a3b00;--av-bg-4:#e6e3ff;--av-ink-4:#3a32b3;--av-bg-5:#fde2ee;--av-ink-5:#93204f;
 --ph-1:linear-gradient(135deg,#c7d6fe,#7f9ef5);--ph-2:linear-gradient(135deg,#bbf7d0,#34d399);--ph-3:linear-gradient(135deg,#fde68a,#f59e0b);--ph-4:linear-gradient(135deg,#fecaca,#f87171);--ph-5:linear-gradient(135deg,#bae6fd,#38bdf8);--ph-6:linear-gradient(135deg,#e9d5ff,#a78bfa);--ph-ink:#ffffff;
 --sh-1:0 1px 2px rgba(20,20,30,.05);--sh-2:0 8px 24px -10px rgba(20,20,30,.22);--sh-3:0 28px 64px -20px rgba(20,20,30,.38);
 --overlay:rgba(18,18,24,.38);
 --focus-c:#2457d6;--focus:0 0 0 2px #ffffff,0 0 0 4px #2457d6;
}
/* ---------- dark ---------- */
[data-theme="dark"]{
 --badge-bg:#ff8a80;--badge-ink:#1a0b0a;--glass-bg:rgba(19,20,22,.86);--glass-surface:rgba(27,28,31,.94);
 color-scheme:dark;
 --bg:#131416;--surface:#1b1c1f;--surface-2:#232428;--surface-3:#2b2d31;--line:#2e3035;--line-2:#26282c;--line-field:#6c6f77;
 --ink:#eceae6;--ink-2:#c4c3be;--muted:#9a9893;
 --acc:#7ea2ff;--acc-ink:#0d1220;--acc-soft:#1c2640;--acc-soft-ink:#a9c0ff;
 --ok:#5bcf8d;--ok-soft:#15301f;--warn:#f0b44c;--warn-soft:#33270f;--bad:#ff8a80;--bad-soft:#3a1c1a;--info:#7ea2ff;--info-soft:#1c2640;
 --ok-fill:#3ecf8e;--warn-fill:#f5a524;--bad-fill:#ff5f56;--track:#34363c;--knob:#eceae6;
 --money:#f0b44c;--money-soft:#33270f;--money-line:#f5a524;
 --c1:#7ea2ff;--c2:#5bcf8d;--c-grid:#26282c;
 --s1:#3987e5;--s2:#d95926;--s3:#199e70;--s4:#c98500;--s5:#d55181;
 --av-bg-1:#1f2a4a;--av-ink-1:#b4c8ff;--av-bg-2:#12352a;--av-ink-2:#8ff0c4;--av-bg-3:#3a2611;--av-ink-3:#ffc98a;--av-bg-4:#262a55;--av-ink-4:#c3c9ff;--av-bg-5:#3a1528;--av-ink-5:#ffa3cb;
 --ph-1:linear-gradient(135deg,#34478f,#1f2a5c);--ph-2:linear-gradient(135deg,#1d5c43,#123a2b);--ph-3:linear-gradient(135deg,#6b4a12,#3d2a0a);--ph-4:linear-gradient(135deg,#6b2323,#3d1414);--ph-5:linear-gradient(135deg,#1b4d6b,#10304a);--ph-6:linear-gradient(135deg,#4a2f73,#2b1b45);--ph-ink:#e6e8ee;
 --sh-1:none;--sh-2:0 10px 28px rgba(0,0,0,.5);--sh-3:0 30px 80px rgba(0,0,0,.65);
 --overlay:rgba(0,0,0,.6);
 --focus-c:#7ea2ff;--focus:0 0 0 2px #131416,0 0 0 4px #7ea2ff;
}