/* TARK 24, вариант «светлый верх, тёмный низ» (Саша 29.10). Класс t24-inv на html ставит t24-theme.js.
   Графики берут цвета из переменных корня, поэтому корень получает тёмную палитру низа страницы,
   а шапка и первый экран светлые своими правилами. */
html.t24-inv {
  --inv-paper: #ffffff; --inv-ink: #172632; --inv-ink2: #3d4f5c; --inv-mute: #586b79; --inv-line: #d8e0e5;
  --inv-grid: #dfe5ea; --inv-navy: #1c3d6e; --inv-navy-deep: #142e54; --inv-grey: #8e9ba7; --inv-border: #9aa8b4;
  --inv-tint: #eef1f4; --inv-dark-ink: #0f1a22;
  --bg: #0f1a22; --bg-hi: #15232d; --ink: #e9eff3; --ink-2: #c9d5dd; --mute: #9aabb7; --line: #2a3a46;
  --accent: #a9c4dc; --brand: #e9eff3; --up: #8fb3d6; --up-ink: var(--ink); --down: #6c7e8c;
  --down-mute: var(--ink); --down-ink: #e29a93;
  --down-soft: rgba(233, 239, 243, .06); --down-deep: rgba(233, 239, 243, .14);
  --area-hi: rgba(169, 196, 220, .10); --area-lo: rgba(169, 196, 220, 0);
  --t24-tint: #1d2e3a; --t24-steel: #a9c4dc; --t24-steel-deep: #c6d8e8; --t24-section: #13212b; --t24-line: #2a3a46;
  --mint: #1d2e3a; --mint-line: #2a3a46; --violet-wash: #1d2e3a; --violet-line: #2a3a46;
  --t24-ink: #e9eff3; --t24-mute: #9aabb7; --t24-paper: #15232d; --t24-on-dark-mute: #b8c9d5;
  background: var(--bg);
  color-scheme: dark;
}
html.t24-inv body { background: var(--bg); color: var(--ink); }

/* шапка светлая */
.t24-inv .tark-dark .hdr, .t24-inv .tark-dark .hdr.solid, .t24-inv .tark-dark.atlas-page .hdr, .t24-inv .tark-dark.atlas-page .hdr.solid {
  background: var(--inv-paper); color: var(--inv-ink); --ink: var(--inv-ink); --ink-2: var(--inv-ink2); --mute: var(--inv-mute);
  box-shadow: 0 1px 0 var(--inv-line);
}
.t24-inv .tark-dark .hdr .nav { color: var(--inv-ink); }
.t24-inv .tark-dark .hdr .brand-word small { color: var(--inv-mute); }
.t24-inv .tark-dark .hdr-act > .btn { color: var(--inv-ink); border-color: var(--inv-border); background: transparent; }
.t24-inv .tark-dark .hdr-act > .btn:hover { background: var(--inv-tint); }
.t24-inv .burger { color: var(--inv-ink); border-color: var(--inv-ink); }
@media (max-width: 900px) {
  .t24-inv .tark-dark .nav, .t24-inv .tark-dark.atlas-page .nav { background: var(--inv-paper) !important; color: var(--inv-ink);
    --ink: var(--inv-ink); --ink-2: var(--inv-ink2); --line: var(--inv-line); }
  .t24-inv .tark-dark .nav .nav-cta { background: var(--inv-navy); color: var(--inv-paper); }
}

/* первый экран светлый: чернильная кривая, просадка серым */
.t24-inv .dark-hero { background: var(--inv-paper); color: var(--inv-ink); --accent: var(--inv-navy); --down: var(--inv-grey); --mute: var(--inv-mute);
  --blue-light: var(--inv-ink); --risk-light: var(--inv-grey); }
.t24-inv .dark-intro h1, .t24-inv .dark-intro h1 span { color: var(--inv-ink); }
.t24-inv .dark-intro .hero-p { color: var(--inv-ink2); }
.t24-inv .dark-intro .btn { background: var(--inv-navy); border-color: var(--inv-navy); color: var(--inv-paper); }
.t24-inv .dark-intro .btn:hover { background: var(--inv-navy-deep); }
.t24-inv .dark-intro .hero-secondary { color: var(--inv-ink); text-decoration-color: var(--inv-border); }
.t24-inv .dark-stats .hero-metrics b, .t24-inv .dark-stats .hero-metrics b.down { color: var(--inv-ink); }
.t24-inv .dark-stats .hero-metrics span, .t24-inv .dark-stats .figure-source, .t24-inv .dark-stats .figure-source > span { color: var(--inv-mute); }
.t24-inv .dark-stats .hero-metrics, .t24-inv .dark-stats > * { border-color: var(--inv-line); }
.t24-inv .dark-plot .eq-grid { stroke: var(--inv-grid); }
.t24-inv .dark-plot .equity-line { stroke: var(--inv-ink); }
.t24-inv .dark-plot .drawdown-line { stroke: var(--inv-grey); }
.t24-inv .dark-plot #iqsf-area stop { stop-color: var(--inv-ink); }
.t24-inv .dark-plot .chart-axis { fill: var(--inv-mute); }
.t24-inv .dark-plot .point-label { fill: var(--inv-ink); }
.t24-inv .dark-plot .chart-cursor path { stroke: var(--inv-border); }
.t24-inv .dark-plot .chart-cursor circle { fill: var(--inv-paper); stroke: var(--inv-ink); }
.t24-inv .dark-hero :focus-visible { outline-color: var(--inv-navy); }
.t24-inv .dark-plot-footer .go-link { background: var(--inv-navy); color: var(--inv-paper); }

/* низ тёмный: кнопки и переходы светлые с тёмным текстом */
.t24-inv main .btn { color: var(--inv-dark-ink); }
.t24-inv main .btn:hover { background: var(--t24-steel-deep); }
.t24-inv .go-link { background: var(--accent); color: var(--inv-dark-ink); }
.t24-inv .go-link:hover { background: var(--t24-steel-deep); color: var(--inv-dark-ink); }
.t24-inv .go-link-ghost { background: var(--t24-tint); color: var(--accent); }
.t24-inv .control-section { background: var(--bg); border-color: var(--line); }
.t24-inv .control-copy h2 { color: var(--ink); }
.t24-inv .control-copy > p { color: var(--mute); }
.t24-inv .soon-stage, .t24-inv .soon-card { background: var(--bg-hi); border-color: var(--line); }
.t24-inv .soon-line { stroke: var(--ink); }
.t24-inv .foot { box-shadow: 0 -1px 0 var(--line); }

/* остатки светлых подложек внизу (сканер 29.10) */
.t24-inv .control-node, .t24-inv .control-icon { background: var(--bg-hi); border-color: var(--line); color: var(--ink); }
.t24-inv .control-node strong { color: var(--ink); }
.t24-inv .control-node p { color: var(--mute); }
.t24-inv .strategy-tag, .t24-inv .badge, .t24-inv .badge-soon { background: var(--t24-tint); color: var(--accent); }
.t24-inv .lead-form input, .t24-inv .lead-form select, .t24-inv .lead-form textarea, .t24-inv .lead-form .sel {
  background: var(--bg-hi); color: var(--ink); border-color: var(--line); }
.t24-inv .lead-form input::placeholder, .t24-inv .lead-form textarea::placeholder { color: var(--mute); }
.t24-inv .kpis, .t24-inv .kpi, .t24-inv .chart-pair, .t24-inv .panel, .t24-inv .strategy-facts, .t24-inv .cond, .t24-inv .faq,
.t24-inv .card, .t24-inv .step, .t24-inv .f3 { background: var(--bg-hi); border-color: var(--line); }
.t24-inv .cond:nth-child(-n+3) { background: var(--t24-tint); }
.t24-inv .heat td.yr { background: var(--t24-tint); color: var(--ink); }
.t24-inv .seg-b, .t24-inv .seg-b.on { background: transparent; color: var(--ink); }
.t24-inv .seg-b.on { border-color: var(--ink); }
.t24-inv .seg-soon { color: var(--mute); }
.t24-inv .crumbs, .t24-inv .crumbs a, .t24-inv .s-head .crumbs li { color: var(--mute); }
.t24-inv .soon-card h2 { color: var(--ink); }
.t24-inv .soon-card p { color: var(--mute); }
.t24-inv .logic-section button, .t24-inv .phase-tabs button { background: transparent; color: var(--ink); border-color: var(--line); }
.t24-inv .logic-section button[aria-selected="true"], .t24-inv .logic-section button.on, .t24-inv .logic-section button.is-active { background: var(--t24-tint); }
.t24-inv .mechanism-svg path, .t24-inv .mechanism-svg line { stroke: var(--line); }
.t24-inv .mechanism-svg .phase-marker path { stroke: var(--ink); }
.t24-inv .mechanism-svg .phase-marker text { fill: var(--ink); }
.t24-inv .mechanism-svg .phase-marker circle { fill: var(--ink); stroke: var(--bg); }