/* ===== Пульт Авито · дизайн-токены v3 =====
   Три темы: light (A, Stripe/Linear light), dark (B, Linear dark/Vercel), mobile (C, приложение).
   Разметка и app.css используют ТОЛЬКО эти переменные. */
:root{
 /* общая шкала, одинаковая для всех тем */
 --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;
 --fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-base:15px;--fs-lg:17px;--fs-xl:22px;--fs-h1:30px;--fs-kpi:28px;--fs-hero:40px;
 --tap:44px;            /* минимальная зона нажатия на телефоне */
 --dur-fast:.12s;--dur:.22s;--dur-slow:.9s;--ease:cubic-bezier(.2,.8,.2,1);--ease-spring:cubic-bezier(.3,1.4,.5,1);
 --z-top:5;--z-tab:20;--z-overlay:30;--z-sheet:31;--z-toast:60;
}
/* ---------- A · light ---------- */
[data-theme="light"]{
 --badge-bg:#c42b30;--badge-ink:#ffffff;--hero-acc-ink:#0b1220;--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;
 --ink:#0b1220;--ink-2:#3c4557;--muted:#5d6577;
 --acc:#5148e6;--acc-ink:#ffffff;--acc-soft:#efeeff;--acc-soft-ink:#4339c9;--acc-grad:linear-gradient(180deg,#6d65ff,#5148e6);
 --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;
 --c1:#5148e6;--c2:#7fd8b5;--c-grid:#eef0f4;
 --hero-bg:linear-gradient(135deg,#0b1220,#2a2266);--hero-ink:#ffffff;--hero-muted:#c9cde0;--hero-acc:#8ff0c4;
 --ai-border:linear-gradient(120deg,#5148e6,#00b4e6,#a35bff);
 --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-sm:8px;--r:12px;--r-lg:14px;--r-xl:18px;--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);--blur:10px;
 --focus:0 0 0 3px #ffffff,0 0 0 5px #5148e6;
 /* плотность: воздух */
 --side-w:240px;--top-h:64px;--pad-page:32px;--pad-card:20px;--gap:16px;--row-h:44px;--ctl-h:40px;--fs-body:15px;--lh:1.5;
}
/* ---------- B · dark ---------- */
[data-theme="dark"]{
 --badge-bg:#8796ff;--badge-ink:#0b0d12;--hero-acc-ink:#08090b;--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;
 --ink:#eceef2;--ink-2:#b4bac5;--muted:#8d94a1;
 --acc:#8796ff;--acc-ink:#0b0d12;--acc-soft:#1a1f3a;--acc-soft-ink:#aeb8ff;--acc-grad:linear-gradient(180deg,#9aa7ff,#7f8dfa);
 --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;
 --c1:#8796ff;--c2:#4fd69b;--c-grid:#1f232b;
 --hero-bg:linear-gradient(135deg,#151a33,#0f1114);--hero-ink:#eceef2;--hero-muted:#b4bac5;--hero-acc:#4fd69b;
 --ai-border:linear-gradient(90deg,#8796ff,#4fd69b);
 --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-sm:5px;--r:7px;--r-lg:10px;--r-xl:12px;--r-pill:6px;
 --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);--blur:6px;
 --focus:0 0 0 2px #08090b,0 0 0 4px #8796ff;
 /* плотность: плотно */
 --side-w:224px;--top-h:48px;--pad-page:20px;--pad-card:14px;--gap:12px;--row-h:36px;--ctl-h:32px;--fs-body:13.5px;--lh:1.5;
 --fs-h1:20px;--fs-kpi:24px;--fs-base:13.5px;--fs-md:13px;
}
/* ---------- C · mobile ---------- */
[data-theme="mobile"]{
 --badge-bg:#c41f36;--badge-ink:#ffffff;--hero-acc-ink:#141414;--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;
 --ink:#141414;--ink-2:#444444;--muted:#666666;
 --acc:#141414;--acc-ink:#ffffff;--acc-soft:#e4f0ff;--acc-soft-ink:#0058a8;--acc-grad:linear-gradient(180deg,#2b2b2b,#141414);
 --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;
 --c1:#b7e35a;--c2:#0a8cff;--c-grid:#efede8;
 --hero-bg:linear-gradient(145deg,#141414,#2b2b2b);--hero-ink:#ffffff;--hero-muted:#c8c8c8;--hero-acc:#c4ec6e;
 --ai-border:linear-gradient(120deg,#965eeb,#0a8cff,#2bbf5c);
 --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-sm:12px;--r:18px;--r-lg:22px;--r-xl:28px;--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);--blur:20px;
 --focus:0 0 0 3px #ffffff,0 0 0 5px #0062bd;
 /* плотность: крупные пальцевые элементы */
 --side-w:0px;--top-h:64px;--pad-page:16px;--pad-card:16px;--gap:10px;--row-h:56px;--ctl-h:48px;--fs-body:16px;--lh:1.4;
 --fs-h1:32px;--fs-kpi:30px;--fs-base:16px;--fs-md:15px;
 --app-w:440px;
}