/* ═══════════════════════════════════════════════════════════════════════ БИЗТОРИЯ DARK — тёмная тема (класс .dark на , переключатель в топбаре, сохранение в localStorage('biztoria_theme'), дефолт — prefers-color-scheme). Принцип: переопределяем КОНЕЧНЫЙ набор реально используемых утилит собранного Tailwind + кастомные компоненты страниц. Селектор html.dark даёт специфичность (0,2,1) — бьёт любые одноклассовые правила без !important; !important только против inline style="". Палитра: page #0b1424 · surface #121e33 · surface-2 #0f1a2c · borders #1d2b45/#26375a · text #eef3fa/#c6d1e3/#8794ab · gold #6f9bff. ═══════════════════════════════════════════════════════════════════════ */ html.dark { color-scheme: dark; } html.dark body { background: #0b1424; color: #e7edf7; } /* ── Поверхности ── */ html.dark .bg-white { background-color: #121e33; } html.dark .bg-ink-50 { background-color: #0f1a2c; } html.dark .bg-ink-50\/40 { background-color: rgba(15,26,44,.5); } html.dark .bg-ink-100 { background-color: #1a2740; } html.dark .bg-ink-200 { background-color: #223353; } html.dark .bg-ink-700 { background-color: #2c4272; } html.dark .bg-ink-900 { background-color: #22345a; } html.dark .hover\:bg-ink-50:hover { background-color: #16233c; } html.dark .hover\:bg-ink-100:hover { background-color: #223353; } html.dark .hover\:bg-ink-200:hover { background-color: #2c4272; } html.dark .hover\:bg-ink-700:hover { background-color: #35507f; } html.dark .hover\:bg-brand-50:hover { background-color: rgba(111,155,255,.12); } html.dark .bg-brand-50 { background-color: rgba(111,155,255,.12); } /* ── Текст ── */ html.dark .text-ink-900 { color: #eef3fa; } html.dark .text-ink-700 { color: #c6d1e3; } html.dark .text-ink-600 { color: #a9b6cc; } html.dark .text-ink-500 { color: #8794ab; } html.dark .text-ink-400 { color: #66748d; } html.dark .text-ink-300 { color: #4d5b76; } html.dark .text-brand-600 { color: #6f9bff; } html.dark .text-brand-700 { color: #a9c2ff; } html.dark .hover\:text-brand-600:hover { color: #a9c2ff; } html.dark .hover\:text-brand-700:hover { color: #93b4ff; } /* ── Бордеры ── */ html.dark .border-ink-100 { border-color: #1d2b45; } html.dark .border-ink-200 { border-color: #26375a; } html.dark .border-ink-300 { border-color: #31456e; } html.dark .divide-ink-100 > :not([hidden]) ~ :not([hidden]) { border-color: #1d2b45; } html.dark .border-brand-200 { border-color: rgba(111,155,255,.35); } /* ── Семантика: тёмные подложки, светлый текст (оттенок сохранён) ── */ html.dark .bg-emerald-50 { background-color: #0f2b20; } html.dark .bg-emerald-100 { background-color: #14382a; } html.dark .text-emerald-700, html.dark .text-emerald-600 { color: #34d399; } html.dark .border-emerald-200 { border-color: #1d4a38; } html.dark .bg-amber-50 { background-color: #101f3d; } html.dark .bg-amber-100 { background-color: #3a2e12; } html.dark .text-amber-700 { color: #fbbf24; } html.dark .text-amber-900 { color: #fde68a; } html.dark .border-amber-200 { border-color: #1b3a7a; } html.dark .bg-rose-50 { background-color: #2b1420; } html.dark .bg-rose-100 { background-color: #3a1a2b; } html.dark .text-rose-700, html.dark .text-rose-600 { color: #fb7185; } html.dark .text-rose-800, html.dark .text-rose-900 { color: #fda4af; } html.dark .border-rose-200 { border-color: #5b2338; } html.dark .hover\:bg-rose-50:hover { background-color: #2b1420; } html.dark .bg-sky-50, html.dark .bg-blue-50 { background-color: #0f2338; } /* ── Фокус в тёмной теме — светлое золото ── */ html.dark *:focus-visible, html.dark button:focus-visible, html.dark a:focus-visible, html.dark input:focus-visible, html.dark select:focus-visible { outline-color: #6f9bff; } /* ── Инпуты/плейсхолдеры ── */ html.dark input, html.dark select, html.dark textarea { caret-color: #6f9bff; } html.dark ::placeholder { color: #66748d; } /* ═══════════ ЛЕНДИНГ (кастомные компоненты) ═══════════ */ html.dark .lp-hero { background: radial-gradient(1200px 500px at 20% -10%, rgba(33,102,255,.10), transparent 60%), radial-gradient(900px 420px at 85% 0%, rgba(169,194,255,.07), transparent 55%), #0e1930; border-color: #26375a; box-shadow: 0 1px 2px rgba(0,0,0,.3), 0 40px 80px -40px rgba(33,102,255,.15); } html.dark .lp-hero::before { background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px); } html.dark .lp-pill { background: rgba(18,30,51,.85); border-color: #26375a; color: #c6d1e3; } html.dark .lp-preview { background: rgba(18,30,51,.96); border-color: #26375a; } html.dark .lp-preview-titlebar { background: linear-gradient(#16233c, #121e33); border-color: #1d2b45; } html.dark .hd-search { background: #121e33; border-color: #1d2b45; } html.dark .hd-search-field { background: #0f1a2c; border-color: #26375a; } html.dark .hd-search-inn { color: #eef3fa; } html.dark .hd-badge { background: #0f1a2c; border-color: #26375a; color: #8794ab; } html.dark .hd-badge.done { background: #0f2b20; border-color: #1d4a38; color: #34d399; } html.dark .hd-scanbar { background: #1a2740; } html.dark .hd-rings { border-color: #1d2b45; background: radial-gradient(circle at 50% 0%, rgba(33,102,255,.08), transparent 70%); } html.dark .hd-ring-track { stroke: #1a2740; } html.dark .hd-ring-num .n { color: #eef3fa !important; } html.dark .hd-metric, html.dark .hd-skel-row { border-color: #1d2b45; } html.dark .hd-metric span[style*="color:#0f1620"] { color: #eef3fa !important; } html.dark .hd-skel-bar { background: linear-gradient(90deg,#1a2740 25%,#223353 37%,#1a2740 63%); background-size: 400% 100%; } html.dark .hd-verdict.green { background: #0f2b20; color: #34d399; border-color: #1d2b45; } html.dark .hd-verdict.amber { background: #101f3d; color: #fbbf24; border-color: #1d2b45; } html.dark .hd-verdict.red { background: #2b1420; color: #fb7185; border-color: #1d2b45; } html.dark .hd-segment { background: #121e33; border-color: #26375a; } html.dark .hd-seg { color: #8794ab; } html.dark .hd-seg.g.active { background: #0f2b20; color: #34d399; } html.dark .hd-seg.a.active { background: #101f3d; color: #fbbf24; } html.dark .hd-seg.r.active { background: #2b1420; color: #fb7185; } html.dark .hd-inn-form { background: #121e33; border-color: #26375a; } html.dark .hd-inn-input { color: #eef3fa; } html.dark .lp-float { background: rgba(18,30,51,.95); border-color: #26375a; color: #eef3fa; } html.dark .lp-stats { background: #26375a; border-color: #26375a; } html.dark .lp-stat { background: #121e33; } html.dark .lp-stat-num { color: #eef3fa; } html.dark .lp-card { background: #121e33; border-color: #26375a; } html.dark .lp-card:hover { border-color: rgba(111,155,255,.45); } html.dark .lp-icon { background: rgba(111,155,255,.10) !important; } html.dark .lp-li { color: #c6d1e3; } html.dark .lp-step { background: #121e33; border-color: #26375a; } html.dark .lp-src { background: #121e33; border-color: #26375a; color: #c6d1e3; } html.dark .cta-ghost { background: rgba(18,30,51,.9); border-color: #31456e; color: #eef3fa; } html.dark .cta-ghost:hover { border-color: #6f9bff; color: #a9c2ff; } html.dark .chip-green { background: #0f2b20; color: #34d399; } html.dark .chip-amber { background: #101f3d; color: #fbbf24; } html.dark .chip-red { background: #2b1420; color: #fb7185; } html.dark .chip-blue { background: #12233f; color: #60a5fa; } html.dark .svet-card { background: #121e33; border-color: #26375a; } html.dark .cmp-cell { border-color: #1d2b45; color: #c6d1e3; } html.dark .cmp-head { color: #8794ab; } html.dark .cmp-dh { background: rgba(111,155,255,.07) !important; } html.dark .roi-card { background: #121e33; border-color: #26375a; } html.dark .conf-bar-mask { background: #1a2740; } html.dark .dh-modal-window { background: #121e33; border-color: #26375a; } html.dark .dh-modal-head { background: linear-gradient(#16233c, #121e33); border-color: #1d2b45; } html.dark .dh-modal-x:hover { background: #1a2740; color: #eef3fa; } /* ═══════════ ТАРИФЫ ═══════════ */ html.dark .pr-hero { background: radial-gradient(900px 460px at 92% -8%, rgba(33,102,255,.10), transparent 60%), #0e1930; border-color: #26375a; box-shadow: 0 1px 30px rgba(0,0,0,.35); } html.dark .calc-card, html.dark .plan-card, html.dark .acc-row, html.dark .faq-row { background: #121e33; border-color: #26375a; } html.dark .acc-head:hover { background: #16233c; } html.dark .acc-ic { background: rgba(111,155,255,.10) !important; } html.dark .matrix th, html.dark .matrix td { border-color: #1d2b45; color: #c6d1e3; } html.dark .matrix thead th { background: #0f1a2c; color: #8794ab; } html.dark .matrix tbody tr:nth-child(even) td { background: #0f1a2c; } html.dark .col-sel { background: rgba(111,155,255,.08) !important; } html.dark .step-nav-ghost { background: #121e33; border-color: #31456e; color: #c6d1e3; } html.dark .q-card, html.dark .alt-card { background: #121e33; border-color: #26375a; } /* ── Патчи против inline style="" пастельных плашек (иконки-квадраты) ── */ html.dark [style*="background: #eef5ff"], html.dark [style*="background:#eef5ff"], html.dark [style*="background: #d9e7ff"], html.dark [style*="background:#d9e7ff"] { background: rgba(111,155,255,.12) !important; } html.dark [style*="background: #ecfdf5"], html.dark [style*="background:#ecfdf5"] { background: #0f2b20 !important; } html.dark [style*="background: #fffbeb"], html.dark [style*="background:#fffbeb"] { background: #101f3d !important; } html.dark [style*="background: #fff1f2"], html.dark [style*="background:#fff1f2"] { background: #2b1420 !important; } html.dark [style*="color:#0f1620"], html.dark [style*="color: #0f1620"] { color: #eef3fa !important; } html.dark [style*="color:#6b7785"], html.dark [style*="color: #6b7785"] { color: #8794ab !important; } /* ═══════════ ФИКС-ПАСС ПО СКРИНШОТАМ (светофор, сравнение) ═══════════ */ html.dark .svet-ring-track { stroke: #1a2740; } html.dark .svet-ring-num { color: #eef3fa; } html.dark .svet-mk { color: #a9b6cc; } html.dark .svet-verdict.g { background: #0f2b20; color: #34d399; } html.dark .svet-verdict.a { background: #101f3d; color: #fbbf24; } html.dark .svet-verdict.r { background: #2b1420; color: #fb7185; } html.dark .cmp-cell { background: #121e33; border-color: #1d2b45; } html.dark .cmp-crit { background: #0f1a2c; color: #eef3fa; } html.dark .cmp-comp { color: #8794ab; } html.dark .cmp-dh { background: rgba(111,155,255,.08); color: #e7edf7; } html.dark .cmp-head.cmp-dh { color: #6f9bff; } html.dark .cmp-check { color: #34d399; } /* ═══════════ ФИКС-ПАСС 2: тарифы (квиз-опции, бейджи, матрица) ═══════════ */ html.dark .choice { background: #0f1a2c; border-color: #26375a; } html.dark .choice:hover { border-color: rgba(111,155,255,.5); background: #16233c; } html.dark .skel-card { background: #121e33; border-color: #26375a; } html.dark .trust-badge { background: #121e33; border-color: #26375a; color: #a9b6cc; } html.dark .win-card { background: #121e33; border-color: #26375a; } html.dark .src-tile { background: #121e33; border-color: #26375a; color: #c6d1e3; } html.dark .seg { background: #0f1a2c; border-color: #26375a; } html.dark .seg button { color: #8794ab; } html.dark .seg button.on { background: #223353; color: #6f9bff; box-shadow: none; } html.dark .matrix-wrap { border-color: #26375a; background: #121e33; } html.dark .matrix th, html.dark .matrix td { background: #121e33; } html.dark .matrix th:first-child, html.dark .matrix td:first-child { background: #121e33; } html.dark .matrix thead th { background: #0f1a2c; } html.dark .row-dim td { background: #0d1626 !important; opacity: .45; } /* col-sel — ПОСЛЕ матричных правил (равная важность → порядок решает) */ html.dark td.col-sel, html.dark th.col-sel { background: rgba(111,155,255,.08) !important; } /* ═══════════ ФИКС-ПАСС 3: auth-страницы (login/register glass) ═══════════ */ html.dark body { /* фон авторизации задан на body в их