/* ─────────────────────────────────────────────────────────────────────────
   RAT KING — единая система лендинга и публичных страниц.
   Тот же язык, что в кабинете: тёплый ладдер, непрозрачные поверхности,
   шкала радиусов, тени с реальным смещением, светлая тема.
   Один источник на index / faq / terms / calc — чтобы у клиента не менялись
   шрифт и палитра при переходе между вкладками.
   ───────────────────────────────────────────────────────────────────────── */

:root{
  --bg:#0b0a0d; --bg2:#121016; --bg3:#1b1821;
  --card:#131118; --card-2:#1a1721; --card2:#1a1721;
  --card-border:rgba(255,255,255,0.065);
  --card-border-hover:rgba(249,115,22,0.28);
  --border:rgba(255,255,255,0.065); --border2:rgba(255,255,255,0.11);
  --cyan:#f97316; --accent-fill:#ea580c; --accent-fill-hi:#fb8a3c; --teal:#ea580c; --cyan-dim:rgba(249,115,22,0.10);
  --green:#10b981; --yellow:#f59e0b; --purple:#a78bfa; --red:#ef4444;
  --red-soft:#f87171; --blue:#3b82f6;
  --text:#f4f2f7; --text-dim:#b6b1c0; --text-muted:#928c9c;
  --dim:#b6b1c0; --muted:#928c9c;
  --on-accent:#17110a;
  --radius:14px; --radius-sm:10px; --radius-xs:7px;
  --input-bg:rgba(255,255,255,0.04); --input-border:rgba(255,255,255,0.09);
  --sh-1:0 1px 2px rgba(0,0,0,.34);
  --sh-2:0 6px 18px -4px rgba(0,0,0,.5), 0 2px 6px rgba(0,0,0,.26);
  --sh-3:0 18px 44px -10px rgba(0,0,0,.62), 0 4px 12px rgba(0,0,0,.3);
  --ease:cubic-bezier(.16,1,.3,1);
  --label:rgba(255,255,255,0.46);
  --overlay:rgba(4,3,6,0.68); --overlay-strong:rgba(4,3,6,0.94);
  --w2:rgba(255,255,255,0.02);  --w3:rgba(255,255,255,0.03);
  --w4:rgba(255,255,255,0.04);  --w5:rgba(255,255,255,0.05);
  --w6:rgba(255,255,255,0.06);  --w7:rgba(255,255,255,0.07);
  --w8:rgba(255,255,255,0.08);  --w9:rgba(255,255,255,0.09);
  --w10:rgba(255,255,255,0.1);  --w12:rgba(255,255,255,0.12);
  --w15:rgba(255,255,255,0.15); --w18:rgba(255,255,255,0.18);
  --w22:rgba(255,255,255,0.22); --w28:rgba(255,255,255,0.28);
  --w35:rgba(255,255,255,0.35); --w45:rgba(255,255,255,0.45);
  --w60:rgba(255,255,255,0.6);
}

/* Светлая тема — тёплая бумага. Подложки НЕ схлопываются в одну плотность:
   иначе стопка карточек превращается в серую кашу вместо ступеней. */
body.theme-light{
  --bg:#f5f3f1; --bg2:#ffffff; --bg3:#ebe7e4;
  --card:#ffffff; --card-2:#faf8f6; --card2:#faf8f6;
  --card-border:rgba(26,20,30,0.10); --border:rgba(26,20,30,0.10); --border2:rgba(26,20,30,0.16);
  --text:#17131c; --text-dim:#453f4d; --text-muted:#5c556a;
  --dim:#453f4d; --muted:#5c556a;
  --cyan:#ad4a09; --accent-fill:#ad4a09; --accent-fill-hi:#c2540b; --teal:#8f3d08; --green:#06724f; --yellow:#8a5a06;
  --red:#c0261f; --red-soft:#b32020; --purple:#6d4bd8; --blue:#1d4ed8;
  --on-accent:#ffffff;
  --label:rgba(23,19,28,0.64);
  --input-bg:rgba(26,20,30,0.035); --input-border:rgba(26,20,30,0.13);
  --sh-1:0 1px 2px rgba(26,20,30,.07);
  --sh-2:0 6px 18px -4px rgba(26,20,30,.13), 0 2px 6px rgba(26,20,30,.06);
  --sh-3:0 18px 44px -10px rgba(26,20,30,.18), 0 4px 12px rgba(26,20,30,.08);
  --overlay:rgba(26,20,30,0.55); --overlay-strong:rgba(26,20,30,0.88);
  --w2:rgba(23,19,28,0.022); --w3:rgba(23,19,28,0.030); --w4:rgba(23,19,28,0.038);
  --w5:rgba(23,19,28,0.045); --w6:rgba(23,19,28,0.052); --w7:rgba(23,19,28,0.058);
  --w8:rgba(23,19,28,0.064); --w9:rgba(23,19,28,0.070); --w10:rgba(23,19,28,0.076);
  --w12:rgba(23,19,28,0.086); --w15:rgba(23,19,28,0.098); --w18:rgba(23,19,28,0.108);
  --w22:rgba(23,19,28,0.120); --w28:rgba(23,19,28,0.135); --w35:rgba(23,19,28,0.150);
  --w45:rgba(23,19,28,0.170); --w60:rgba(23,19,28,0.190);
}

/* ── Браузерные поверхности ──────────────────────────────────────────────
   Выделение, каретка, скроллбар, фокус, подчёркивание и цифры приходят с
   дефолтами, которые не принадлежат ни одной системе. Красим из палитры. */
::selection{background:rgba(249,115,22,.30);color:#fff}
body.theme-light ::selection{background:rgba(249,115,22,.26);color:#17131c}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--w12);border-radius:99px;border:3px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:rgba(249,115,22,.5);background-clip:content-box}
html{scrollbar-width:thin;scrollbar-color:var(--w15) transparent}
input,textarea,select{caret-color:var(--cyan)}
a{text-underline-offset:3px}
:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:var(--radius-xs)}
table td,table th,.lp-calc-val,.lp-price,.tariff-price,[data-tabular]{font-variant-numeric:tabular-nums}

/* ── Переключатель темы ─────────────────────────────────────────────────── */
.lp-theme-btn{display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;border-radius:var(--radius-xs);
  background:var(--w5);border:1px solid var(--border);color:var(--text-dim);
  cursor:pointer;flex-shrink:0;
  transition:color .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease)}
.lp-theme-btn:hover{color:var(--cyan);border-color:var(--card-border-hover);background:var(--cyan-dim)}