/* ===== Пульт Авито · дизайн-токены v4 (ОТ5, дизайн-система) =====
   RU: Три темы: light (A), dark (B), mobile (C). Разметка и app.css берут цвета, шрифты, радиусы и высоты ТОЛЬКО отсюда.
       Шрифт — 6 размеров (xs, sm, base, lg, xl, h1), радиусы — 3 (r-s, r, r-l) и «таблетка» r-pill, отступы в app.css — шаг 4 px.
       Кнопки — 2 размера: M (--btn-h) и S (--btn-h-s); на телефоне 48 и 44 px. Кольцо фокуса --focus-c и рамка полей --line-field
       дают контраст не меньше 3:1 к фону (проверено по формуле WCAG).
   EN: Three themes. Six font sizes, three radii plus a pill, 4 px spacing step, two button heights (48/44 on phones);
       the focus ring and field borders keep at least 3:1 contrast to the background. */
:root{
 /* RU: ТК9 «Текст и порядок»: самый мелкий текст — 13 px (было 12: подписи под цифрами и ограничения тарифов читались с трудом). EN: TK9: the smallest text is 13 px. */
 --fs-xs:13px;--fs-sm:14px;--fs-base:15px;--fs-lg:17px;--fs-xl:22px;--fs-h1:30px;
 --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;
}
@media (max-width: 820px){ :root{ --btn-h:48px;--btn-h-s:44px; } }
/* ---------- A · light ---------- */
[data-theme="light"]{
 --badge-bg:#c42b30;--badge-ink:#ffffff;--glass-bg:rgba(247,248,250,.86);--glass-surface:rgba(255,255,255,.92);
 color-scheme:light;
 --font:"Inter",system-ui,sans-serif;--font-num:"Manrope","Inter",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;
 --bg:#f7f8fa;--surface:#ffffff;--surface-2:#f4f5f8;--surface-3:#eceef3;--line:#e3e6ec;--line-2:#eef0f4;--line-field:#858c9c;
 --ink:#0b1220;--ink-2:#3c4557;--muted:#5d6577;
 --acc:#5148e6;--acc-ink:#ffffff;--acc-soft:#efeeff;--acc-soft-ink:#4339c9;
 --ok:#0a7a55;--ok-soft:#e5f6ee;--warn:#a85200;--warn-soft:#fff3e2;--bad:#c42b30;--bad-soft:#fdecec;--info:#5148e6;--info-soft:#efeeff;
 --ok-fill:#12a26f;--warn-fill:#e08a00;--bad-fill:#e5484d;--track:#d6d9e1;--knob:#ffffff;
 --money:#8a4600;--money-soft:#fff1d6;--money-line:#e08a00;
 --c1:#5148e6;--c2:#7fd8b5;--c-grid:#eef0f4;
 --av-bg-1:#e6e3ff;--av-ink-1:#3a32b3;--av-bg-2:#dff5e9;--av-ink-2:#0b6b48;--av-bg-3:#ffe9d6;--av-ink-3:#8a3b00;--av-bg-4:#dcefff;--av-ink-4:#0a4f8f;--av-bg-5:#fde2ee;--av-ink-5:#93204f;
 --ph-1:linear-gradient(135deg,#c7d2fe,#818cf8);--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;
 --r-s:8px;--r:12px;--r-l:16px;--r-pill:999px;
 --sh-1:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06);--sh-2:0 2px 4px rgba(16,24,40,.04),0 12px 28px -8px rgba(16,24,40,.14);--sh-3:0 24px 60px -16px rgba(50,40,140,.3);
 --overlay:rgba(11,18,32,.4);
 --focus-c:#5148e6;--focus:0 0 0 2px #ffffff,0 0 0 4px #5148e6;
 /* RU: плотность: воздух. EN: density: airy. */
 --side-w:240px;--top-h:64px;--pad-page:32px;--gap:16px;--ctl-h:40px;--lh:1.5;
}
/* ---------- B · dark ---------- */
[data-theme="dark"]{
 --badge-bg:#8796ff;--badge-ink:#0b0d12;--glass-bg:rgba(8,9,11,.86);--glass-surface:rgba(15,17,20,.94);
 color-scheme:dark;
 --font:"IBM Plex Sans",system-ui,sans-serif;--font-num:"JetBrains Mono",ui-monospace,monospace;--font-mono:"JetBrains Mono",ui-monospace,monospace;
 --bg:#08090b;--surface:#0f1114;--surface-2:#15181d;--surface-3:#1d2128;--line:#262a33;--line-2:#1c1f26;--line-field:#5f6672;
 --ink:#eceef2;--ink-2:#b4bac5;--muted:#8d94a1;
 --acc:#8796ff;--acc-ink:#0b0d12;--acc-soft:#1a1f3a;--acc-soft-ink:#aeb8ff;
 --ok:#4fd69b;--ok-soft:#0f2a20;--warn:#f7b13e;--warn-soft:#2b210d;--bad:#ff7a73;--bad-soft:#2e1514;--info:#8796ff;--info-soft:#1a1f3a;
 --ok-fill:#3ecf8e;--warn-fill:#f5a524;--bad-fill:#ff5f56;--track:#2a2f39;--knob:#eceef2;
 --money:#f7b13e;--money-soft:#2b210d;--money-line:#f5a524;
 --c1:#8796ff;--c2:#4fd69b;--c-grid:#1f232b;
 --av-bg-1:#262a55;--av-ink-1:#c3c9ff;--av-bg-2:#12352a;--av-ink-2:#8ff0c4;--av-bg-3:#3a2611;--av-ink-3:#ffc98a;--av-bg-4:#10304a;--av-ink-4:#9fd3ff;--av-bg-5:#3a1528;--av-ink-5:#ffa3cb;
 --ph-1:linear-gradient(135deg,#3b4590,#232a5c);--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;
 --r-s:6px;--r:8px;--r-l:12px;--r-pill:999px;
 --sh-1:none;--sh-2:0 8px 24px rgba(0,0,0,.5);--sh-3:0 30px 80px rgba(0,0,0,.65);
 --overlay:rgba(0,0,0,.6);
 --focus-c:#8796ff;--focus:0 0 0 2px #08090b,0 0 0 4px #8796ff;
 /* RU: плотность: плотно. EN: density: dense. */
 --side-w:224px;--top-h:48px;--pad-page:20px;--gap:12px;--ctl-h:32px;--lh:1.5;
 --fs-base:13.5px;--fs-lg:16px;--fs-xl:20px;--fs-h1:24px;
}
/* ---------- C · mobile ---------- */
/* RU: ОТ5: акцент мобильной темы — синий, а не цвет текста (раньше ссылка и главная кнопка были #141414, как текст).
   EN: OT5: the mobile accent is blue, not the text colour (links and primary buttons used to be #141414 like the text). */
[data-theme="mobile"]{
 --badge-bg:#c41f36;--badge-ink:#ffffff;--glass-bg:rgba(242,241,238,.88);--glass-surface:rgba(255,255,255,.9);
 color-scheme:light;
 --font:"Onest",system-ui,sans-serif;--font-num:"Onest",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;
 --bg:#f2f1ee;--surface:#ffffff;--surface-2:#f2f1ee;--surface-3:#e6e4de;--line:#e4e2dc;--line-2:#efede8;--line-field:#8f8b82;
 --ink:#141414;--ink-2:#444444;--muted:#666666;
 --acc:#0062bd;--acc-ink:#ffffff;--acc-soft:#e4f0ff;--acc-soft-ink:#0058a8;
 --ok:#1b7a3d;--ok-soft:#dcf7e4;--warn:#8a5b00;--warn-soft:#fff3cc;--bad:#c41f36;--bad-soft:#ffe5e8;--info:#0062bd;--info-soft:#e0f0ff;
 --ok-fill:#2bbf5c;--warn-fill:#e0a400;--bad-fill:#ff4053;--track:#dcdad3;--knob:#ffffff;
 --money:#7a4f00;--money-soft:#fff3cc;--money-line:#e0a400;
 --c1:#0a8cff;--c2:#2bbf5c;--c-grid:#efede8;
 --av-bg-1:#dcecff;--av-ink-1:#0a4f8f;--av-bg-2:#efe3ff;--av-ink-2:#5b2aa6;--av-bg-3:#ffe5e8;--av-ink-3:#9e1528;--av-bg-4:#e6f7c9;--av-ink-4:#3d6300;--av-bg-5:#fff3cc;--av-ink-5:#6b4700;
 --ph-1:linear-gradient(150deg,#c7d2fe,#818cf8);--ph-2:linear-gradient(150deg,#bbf7d0,#34d399);--ph-3:linear-gradient(150deg,#fde68a,#f59e0b);--ph-4:linear-gradient(150deg,#fecaca,#f87171);--ph-5:linear-gradient(150deg,#bae6fd,#38bdf8);--ph-6:linear-gradient(150deg,#e9d5ff,#a78bfa);--ph-ink:#ffffff;
 --r-s:12px;--r:16px;--r-l:22px;--r-pill:999px;
 --sh-1:0 1px 2px rgba(0,0,0,.04);--sh-2:0 10px 30px -10px rgba(0,0,0,.25);--sh-3:0 30px 60px -20px rgba(0,0,0,.4);
 --overlay:rgba(0,0,0,.35);
 --focus-c:#0062bd;--focus:0 0 0 2px #ffffff,0 0 0 4px #0062bd;
 /* RU: плотность: крупные пальцевые элементы. EN: density: big finger targets. */
 --side-w:0px;--top-h:64px;--pad-page:16px;--gap:12px;--ctl-h:48px;--lh:1.4;
 --fs-sm:14px;--fs-base:16px;--fs-lg:18px;--fs-h1:30px;
}