/* theme 2026-10-23: тёмная тема сайта и приложения (html.dark). Цвета - как в приложении СкороГол. */
html.dark{
  --bg:#0A0F0C; --surface:#151C18; --surface-2:#1B241F; --line:#26312B; --line-2:#1F2924;
  --text:#F2F5F3; --muted:#A3AEA8; --faint:#7C8781;
  --brand:#00C853; --brand-soft:#123222;
  --live:#FF6A4D; --live-soft:#3A1913;
  --hit:#5BE38F; --hit-bg:#123222; --miss:#FF7A6B; --miss-bg:#3A1A16; --run:#FFB020; --run-bg:#3A2A0C;
  --p-bg:#101814; --p-surface:#18211C; --p-line:#2A3530;
  color-scheme:dark;
}
html.dark body{background:var(--bg);color:var(--text);padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
html.dark .card{border-color:var(--line)}
html.dark input, html.dark select{color-scheme:dark}
html.dark .tb{filter:saturate(.9) brightness(.92)}
/* выбранные кнопки и тёмные «кнопки-ссылки» сайта: на тёмной теме - зелёные */
html.dark .tabs button[aria-pressed=true], html.dark .bar button[aria-pressed=true],
html.dark .kinds button[aria-pressed=true], html.dark .kinds2 button[aria-pressed=true],
html.dark .chips span.tot, html.dark .now .go, html.dark .lock a, html.dark .go,
html.dark .open, html.dark .big, html.dark .acct a.login-btn{
  background:#00C853!important;border-color:#00C853!important;color:#00230E!important;box-shadow:none}
html.dark .big.sec{background:var(--surface-2)!important;color:var(--text)!important;border:1px solid var(--line)!important}
html.dark .kinds button[aria-pressed=true] *, html.dark .kinds2 button[aria-pressed=true] *{color:#00230E!important}
/* светлые плашки */
html.dark .tl .ev.ev-goal{background:#123222}
html.dark .vd.good, html.dark .res.win{background:#123222;color:#5BE38F}
html.dark .vd.bad, html.dark .res.loss, html.dark .drop{background:#3A1A16;color:#FF8B7D}
html.dark .vd.unclear, html.dark .rep, html.dark .ios{background:#3A2A0C;color:#FFC761}
html.dark .explain{background:var(--surface-2)}
html.dark .bar.sticky{background:var(--bg)}
html.dark .doc p, html.dark .doc li{color:var(--text)!important;opacity:.88}
html.dark .perks, html.dark .lock div{color:#BDE7CB!important}
html.dark .src.live{background:#123222;color:#5BE38F}
html.dark .lgdrop{color:#FF8B7D}
html.dark .leaguechips button[aria-pressed=true]{border-color:#1F4A2E}
html.dark .tabs2 button[aria-pressed=true]{background:var(--surface);color:var(--text)}
html.dark input:not([type=checkbox]):not([type=radio]){background:var(--bg);color:var(--text);border-color:var(--line)}
/* «Где модель сильнее» */
html.dark .spl-k button[aria-pressed=true]{background:#00C853;border-color:#00C853;color:#00230E}
html.dark .spl-t .tag{background:#123222;color:#5BE38F}
html.dark .spl-t.best{border-color:#2E8B57;box-shadow:inset 0 0 0 1px #2E8B57}
html.dark .weak, html.dark .weakn{background:#3A2A0C}
html.dark .weak, html.dark .weakn b{color:#FFC761}
html.dark .heat i{background:#2A332E}
html.dark .heatbar{background:var(--bg)}
html.dark body{background:var(--bg);color:var(--text)}
html.dark header.top{background:rgba(10,15,12,.94);border-bottom-color:var(--line)}
html.dark header.top .search input{background:var(--surface);border-color:var(--line);color:var(--text)}
html.dark .sdrop{background:var(--surface);border-color:var(--line);box-shadow:0 12px 32px rgba(0,0,0,.5)}
html.dark .logo span span{color:#00C853!important}
html.dark .row[aria-current=true]{background:#123222}
html.dark .chip.tB{background:#1F3313;color:#B9E07A}
html.dark .pq .tg, html.dark .it .k{background:#2A2340;color:#C3B4FF}
html.dark .mailbn .mi{background:var(--surface-2)}
html.dark .ck{background:#24302A;color:var(--text);border:1px solid var(--line)}
html.dark footer.legal{background:transparent}
html.dark img[src^="/logo/"]{filter:none}

/* dark_fix 2026-10-23: светлые подложки, заданные в страницах */
html.dark .hero{background:linear-gradient(180deg,#112A1C,var(--surface))!important}
html.dark .hero h2, html.dark .hero p b, html.dark .hero .rh{color:var(--text)}
html.dark .hero .tile{background:var(--surface-2)}
html.dark .explain{background:var(--surface-2)!important}
html.dark .tl .ev.ev-goal{background:#123222}
html.dark .weak[style]{background:#2A2340!important;color:#C3B4FF!important}
html.dark .lock{background:#123222}
html.dark .lock div{color:#BDE7CB!important}