@import url("/static/fonts.css"); /* Sova — палитра «Ночь» (docs/redesign/owl/palette.css): полночь + янтарь на тёплой бумаге. Подключается сервером ПОСЛЕДНИМ в каждой страницы (app/brand.py → render), вместе с меткой . Страницы написаны «как у Sova» и не правятся: здесь только переопределения токенов и те селекторы, где у Sova один цвет несёт два смысла. ⚠️ ТРИ ЦВЕТА СМЫСЛА НЕ СОВПАДАЮТ С АКЦЕНТОМ. У Sova «сделала» = мята = акцент бренда. У Совы акцент — янтарь, «сделала» — зелёный (--sv-ok), «нужны вы» — сиреневый (--sv-you), «не вышло» — коралл (--sv-bad). Поэтому одной подмены --mint мало: ниже по страницам перекрыты .chip.ok, .pill.ok, .td2cell.*, тумблеры, звёзды и т.п. ⚠️ Блоки разделены по data-page: одноимённые токены у страниц значат разное (--mint в support/legal — цвет ссылки; --accent админки — бренд). Новый токен — только с префиксом --sv-. ⚠️ Каждый селектор начинается с :root[data-page=…]: у страниц есть правила вида `:root[data-theme="dark"] .pill.warn` (0,4,0), и без :root наше правило им проигрывало бы. ⚠️ Без color-mix(): полупрозрачные оттенки заданы литеральными rgba (старые Safari). */ /* ── Общие значения палитры (имена с префиксом, со страницами не пересекаются) ───────────── */ :root{ --sv-deep:#171D45; --sv-deep-d:#10143A; --sv-deep-l:#232B62; --sv-deep-x:#2F3A7A; --sv-accent:#F4B942; --sv-accent-d:#8C5F08; --sv-accent-soft:#FBEFD2; --sv-accent-ink:#6E4907; --sv-ink:#161A2E; --sv-ok:#2FBF8F; --sv-ok-soft:#D6F3E6; --sv-ok-ink:#0F6B4A; --sv-ok-a:rgba(47,191,143,.16); --sv-ok-bd:rgba(47,191,143,.45); --sv-you:#A78BFA; --sv-you-soft:#ECE6FB; --sv-you-ink:#5030B0; --sv-you-a:rgba(167,139,250,.18); --sv-you-bd:rgba(167,139,250,.5); --sv-you-ring:rgba(167,139,250,.22); --sv-bad:#E8655B; --sv-bad-soft:#FBE1DE; --sv-bad-ink:#9A342C; --sv-bad-bd:rgba(232,101,91,.4); } :root[data-theme="dark"]{ --sv-deep:#2A3170; --sv-deep-d:#1C2150; --sv-deep-l:#353D85; --sv-deep-x:#43509E; --sv-accent:#EFBE5B; --sv-accent-d:#C99A3C; --sv-accent-soft:#332B15; --sv-accent-ink:#F2CF86; --sv-ink:#DEE0EA; --sv-ok:#4ACB9E; --sv-ok-soft:#16302A; --sv-ok-ink:#86DDBE; --sv-ok-a:rgba(74,203,158,.16); --sv-ok-bd:rgba(74,203,158,.4); --sv-you:#B49CF7; --sv-you-soft:#2A2340; --sv-you-ink:#CDBDFF; --sv-you-a:rgba(180,156,247,.18); --sv-you-bd:rgba(180,156,247,.45); --sv-you-ring:rgba(180,156,247,.22); --sv-bad:#E07E73; --sv-bad-soft:#3A2220; --sv-bad-ink:#EFA69A; --sv-bad-bd:rgba(224,126,115,.4); } ::selection{background:var(--sv-accent-soft);color:var(--sv-ink)} /* ═══════════════════════════ ГЛАВНАЯ ═══════════════════════════════════════════════════════ */ :root[data-page="landing"]{ --pond:#171D45; --pond-d:#10143A; --pond-l:#232B62; --mint:#F4B942; --mint-d:#8C5F08; --mint-soft:#FBEFD2; --mint-ink:#6E4907; --paper:#FAF7F0; --paper-2:#F2EEE3; --paper-3:#E9E4D6; --line:#E3DFD2; --card:#FFFFFF; --ink:#161A2E; --ink-2:#4B5068; --muted:#7E8398; --sun:#A78BFA; --sun-soft:#ECE6FB; --sun-ink:#5030B0; --coral:#E8655B; --coral-soft:#FBE1DE; --coral-ink:#9A342C; --shadow:0 12px 34px rgba(23,29,69,.12); } :root[data-page="landing"] header{background:rgba(23,29,69,.92)} :root[data-page="landing"] .btn:hover{box-shadow:0 8px 20px rgba(23,29,69,.2)} :root[data-page="landing"] .auth-ov{background:rgba(16,20,58,.6)} /* сцена героя: луна вместо пруда — мягкое янтарное свечение, кольцо и «рябь» в тон */ :root[data-page="landing"] .ring{background:radial-gradient(circle,rgba(244,185,66,.20),rgba(244,185,66,0) 65%)} :root[data-page="landing"] .ripple{border-color:rgba(244,185,66,.24)} /* страховка: если в герое остались зрачки с зашитым цветом пруда Sova */ :root[data-page="landing"] .toadstage [fill="#0B3D33"]{fill:#171D45} :root[data-page="landing"] .toadstage [stroke="#0B3D33"]{stroke:#171D45} /* у совы глаза ниже и шире жабьих: пузырь .b2 (справа, top:150) ложился на правый глаз — уводим его под глаз, к клюву, со стрелкой вверх; .b1 чуть выше, чтобы не касался кисточки брови */ html[data-page="landing"] .toadstage .b1{top:0} html[data-page="landing"] .toadstage .b2{top:auto;bottom:74px;right:0} html[data-page="landing"] .toadstage .b2::after{bottom:auto;top:-6px;right:auto;left:34px} html[data-page="landing"] .toadstage .b3{bottom:0} /* телефон: сцена 300px мала для совы с двумя пузырями (бровь шире жабьих глаз, клюв ниже пасти) */ @media (max-width:960px){ html[data-page="landing"] .toadstage{min-height:390px} html[data-page="landing"] .ring{width:340px;height:340px} /* 520px обрезался краем сцены — был виден прямоугольник */ } /* «проба за мой счёт» и приглашение — предложение бренда (янтарь), а не «нужны вы» (сиреневый) */ :root[data-page="landing"] .gift, :root[data-page="landing"] .invited{background:var(--sv-accent-soft);color:var(--sv-accent-ink)} :root[data-page="landing"] .promo-ok{background:var(--sv-ok-soft);color:var(--sv-ok-ink)} :root[data-page="landing"] .safe .m{background:rgba(244,185,66,.15)} :root[data-page="landing"] .shot-ph{background:repeating-linear-gradient(-45deg,transparent 0 11px,rgba(140,95,8,.06) 11px 12px),linear-gradient(var(--card),var(--paper-2))} :root[data-page="landing"] input[type=range]::-webkit-slider-thumb{box-shadow:0 2px 8px rgba(23,29,69,.25)} :root[data-page="landing"] .sw .knob{box-shadow:0 1px 4px rgba(23,29,69,.3)} /* «сделала» — зелёный, а не янтарь бренда */ :root[data-page="landing"] .chip.ok{background:var(--sv-ok-soft);color:var(--sv-ok-ink)} :root[data-page="landing"] .sw[aria-pressed="true"]{background:var(--sv-ok)} :root[data-page="landing"] .plist li::before{color:var(--sv-ok-ink)} /* годовая выгода в тёмной плашке расчёта: сиреневый на полночи не читается как «выгода» */ :root[data-page="landing"] .calc-total .yr{color:#F4B942} :root[data-page="landing"] .tier.rec{box-shadow:inset 0 0 0 2px #F4B942} /* ═══════════════════════════ ПАНЕЛЬ ════════════════════════════════════════════════════════ */ :root[data-page="panel"]{ --accent:#171D45; --accent-2:#232B62; --accent-ink:#6E4907; --accent-line:#C99A3C; --soft:#FBEFD2; --soft-bd:#F1DDA8; --ink:#161A2E; --ink-2:#4B5068; --muted:#7E8398; --muted-2:#A3A7B8; --line:#E3DFD2; --line-2:#D9D4C4; --surface:#FFFFFF; --surface-2:#F2EEE3; --surface-3:#E9E4D6; --desk:#FAF7F0; --danger:#C8483E; --warn:#A78BFA; --ok:#2FBF8F; --logo-ink:#F4B942; --mint:#F4B942; --sun:#A78BFA; --sun-soft:#ECE6FB; --sun-ink:#5030B0; --coral-soft:#FBE1DE; --coral-ink:#9A342C; --warn-soft:#ECE6FB; --warn-ink:#5030B0; --danger-soft:#FBE1DE; --ok-soft:#D6F3E6; --ok-ink:#0F6B4A; --toad-bg:#171D45; --side-bg:#171D45; --side-card:#232B62; --side-active:#F4B942; --side-active-ink:#10143A; --shadow:0 1px 2px rgba(23,29,69,.04),0 10px 26px rgba(23,29,69,.07); --tip-bg:#161A2E; --tip-ink:#ffffff; --tip-mut:#CBD0E4; } :root[data-page="panel"][data-theme="dark"]{ /* почти чёрная с холодным индиговым оттенком — не синяя заливка */ --accent:#EFBE5B; --accent-2:#C99A3C; --accent-ink:#F2CF86; --accent-line:#C99A3C; --soft:#332B15; --soft-bd:#4A3E1D; --ink:#DEE0EA; --ink-2:#9A9EB3; --muted:#6E7389; --muted-2:#5A5F75; --line:#262A38; --line-2:#30354A; --surface:#171A24; --surface-2:#181B26; --surface-3:#222634; --desk:#12141C; --danger:#EFA69A; --warn:#B49CF7; --ok:#4ACB9E; --logo-ink:#EFBE5B; --mint:#EFBE5B; --sun:#B49CF7; --sun-soft:#2A2340; --sun-ink:#CDBDFF; --coral-soft:#3A2220; --coral-ink:#EFA69A; --warn-soft:#2A2340; --warn-ink:#CDBDFF; --danger-soft:#3A2220; --ok-soft:#16302A; --ok-ink:#86DDBE; --toad-bg:#1C2150; --side-bg:#0F1220; --side-ink:#C6C9D8; --side-cap:#6E7389; --side-card:#181B26; --side-active:#EFBE5B; --side-active-ink:#12141C; --shadow:0 1px 2px rgba(0,0,0,.3),0 10px 26px rgba(0,0,0,.4); --tip-bg:#0B0D14; --tip-ink:#E6E8F2; --tip-mut:#9A9EB3; } /* тёмная тема: на янтарной заливке текст тёмный (у Sova здесь #0B1A15 — почти чёрный зелёный) */ :root[data-page="panel"][data-theme="dark"] .btn, :root[data-page="panel"][data-theme="dark"] .cab-step.on .n, :root[data-page="panel"][data-theme="dark"] .st-ic.pond, :root[data-page="panel"][data-theme="dark"] .st-nav button.on, :root[data-page="panel"][data-theme="dark"] .st-nav button.on .i, :root[data-page="panel"][data-theme="dark"] .bseg button.on, :root[data-page="panel"][data-theme="dark"] .ex-full, :root[data-page="panel"][data-theme="dark"] .ex-full .ex-n, :root[data-page="panel"][data-theme="dark"] .ex-ico, :root[data-page="panel"][data-theme="dark"] .n2chip.on, :root[data-page="panel"][data-theme="dark"] .rmsg.me, :root[data-page="panel"][data-theme="dark"] .chip.on, :root[data-page="panel"][data-theme="dark"] .qchip.on, :root[data-page="panel"][data-theme="dark"] .ap-sub.on, :root[data-page="panel"][data-theme="dark"] .plan-flag, :root[data-page="panel"][data-theme="dark"] .statcard.accent .sc-ico{color:#12141C} /* плитка под знаком остаётся тёмной: янтарная сова на янтарной плитке пропала бы */ :root[data-page="panel"][data-theme="dark"] .cab-av{background:var(--toad-bg);color:var(--mint)} /* у вторичных кнопок тёмной темы свой текст — общее правило выше их не касается */ :root[data-page="panel"][data-theme="dark"] .btn.ghost{color:var(--ink-2)} :root[data-page="panel"][data-theme="dark"] .btn.light{color:var(--ink)} :root[data-page="panel"][data-theme="dark"] .btn.softdanger{color:var(--danger)} /* экран входа: знак лежит на белой карточке, а не на полночи сайдбара — янтарь там не читается (1.7:1) */ :root[data-page="panel"]:not([data-theme="dark"]) .gate .brand .logo{color:#171D45} :root[data-page="panel"] .btn:hover:not(:disabled){box-shadow:0 6px 16px rgba(23,29,69,.18)} :root[data-page="panel"] .btn.light:hover{background:var(--sv-accent-soft)} :root[data-page="panel"] .connect-banner{box-shadow:0 18px 34px -18px rgba(23,29,69,.7);background:linear-gradient(100deg,#171D45,#2F3A7A)} :root[data-page="panel"][data-theme="dark"] .connect-banner{background:linear-gradient(100deg,#1C2150,#353D85)} :root[data-page="panel"] .statcard:hover,:root[data-page="panel"] .card:hover, :root[data-page="panel"] .tpcard:hover,:root[data-page="panel"] .prodcard:hover{box-shadow:0 8px 24px rgba(23,29,69,.10)} :root[data-page="panel"] .td2go,:root[data-page="panel"] .td2more, :root[data-page="panel"] .rvsort,:root[data-page="panel"] .rclaim{color:var(--accent-ink)} /* ссылки-стрелки — янтарные, как в концепте */ :root[data-page="panel"] .rmenu{box-shadow:0 12px 30px rgba(23,29,69,.18)} :root[data-page="panel"] .modal-back{background:rgba(12,14,32,.58)} :root[data-page="panel"] .eff .eff-tip,:root[data-page="panel"] .toast{background:#161A2E} :root[data-page="panel"] .eff .eff-tip span{color:#CBD0E4} :root[data-page="panel"][data-theme="dark"] .announce{background:#181B26;border-color:#262A38;color:#DEE0EA} /* — «сделала» (зелёный): то, что у Sova красилось мятой бренда — */ :root[data-page="panel"] .pill.ok, :root[data-page="panel"] .n2ic.ok, :root[data-page="panel"] .tokchk.ok, :root[data-page="panel"] .emp-added, :root[data-page="panel"] .cab-step.done, :root[data-page="panel"] .q-queued{background:var(--ok-soft);color:var(--ok-ink)} :root[data-page="panel"] .tokchk.ok,:root[data-page="panel"] .emp-added, :root[data-page="panel"] .q-queued{border-color:var(--sv-ok-bd)} :root[data-page="panel"] .q-queued b, :root[data-page="panel"] .cab-facts > div.ok b, :root[data-page="panel"] .n2wk .ok b, :root[data-page="panel"] .statcard .sc-tr.up, :root[data-page="panel"] .eff-delta.up, :root[data-page="panel"] .tile .delta, :root[data-page="panel"] .pot-num.up,:root[data-page="panel"] .calc-num.up, :root[data-page="panel"] .pot-delta.up,:root[data-page="panel"] .calc-delta.up, :root[data-page="panel"] .pwmark.ok, :root[data-page="panel"] .td2cell.ok .v, :root[data-page="panel"] .mt-d.up, :root[data-page="panel"] .statcard .sc-ico.green,:root[data-page="panel"] .sec-ico.green{color:var(--ok-ink)} :root[data-page="panel"] .statcard .sc-tr.up,:root[data-page="panel"] .eff-delta.up, :root[data-page="panel"] .pot-delta.up,:root[data-page="panel"] .calc-delta.up, :root[data-page="panel"] .statcard .sc-ico.green,:root[data-page="panel"] .sec-ico.green{background:var(--sv-ok-a)} :root[data-page="panel"] .cab-step.done .n{color:#10143A} /* тумблер «включено» — зелёный, как в концепте: янтарный тумблер читался бы как кнопка */ :root[data-page="panel"] .switch.on{background:var(--ok)} :root[data-page="panel"][data-theme="dark"] .dot.support{background:var(--sv-accent)} /* — «нужны вы» (сиреневый): текст поверх бумаги берёт ink, заливки — сам цвет — */ :root[data-page="panel"] .quota-warn b, :root[data-page="panel"] .quota-hint.warn b, :root[data-page="panel"] .rhead .td2chips i.you, :root[data-page="panel"] .td2cell.you .v, :root[data-page="panel"] .td2cell.warn .v, :root[data-page="panel"] .statcard .sc-ico.amber, :root[data-page="panel"] .sec-ico.amber{color:var(--warn-ink)} :root[data-page="panel"] .statcard .sc-ico.amber,:root[data-page="panel"] .sec-ico.amber, :root[data-page="panel"] .rec-warm .rec-i{background:var(--sv-you-a)} :root[data-page="panel"] .cred-once{background:#5030B0;color:#fff} :root[data-page="panel"][data-theme="dark"] .cred-once{background:#B49CF7;color:#12141C} :root[data-page="panel"] .n2need-h .n{color:#fff} :root[data-page="panel"][data-theme="dark"] .n2need-h .n{color:#12141C} :root[data-page="panel"] .sched-dot{box-shadow:0 0 0 4px var(--sv-you-ring)} :root[data-page="panel"] .tokchk.warn{border-color:var(--sv-you-bd)} :root[data-page="panel"] .pill.warn{background:var(--warn-soft);color:var(--warn-ink)} :root[data-page="panel"] .extban{background:var(--warn-soft);border-color:var(--sv-you-bd);color:var(--warn-ink)} :root[data-page="panel"] .extban .btn.ghost{color:var(--warn-ink);border-color:var(--sv-you-bd)} /* красная плашка остаётся красной: правило выше той же силы, что .extban.bad страницы, — повторяем */ :root[data-page="panel"] .extban.bad{background:var(--danger-soft);border-color:var(--sv-bad-bd);color:var(--coral-ink)} :root[data-page="panel"] .extban.bad .btn.ghost{color:var(--coral-ink);border-color:var(--sv-bad-bd)} :root[data-page="panel"] .extban.bad .btn:not(.ghost){color:#fff} :root[data-page="panel"][data-theme="dark"] .extban.bad .btn:not(.ghost){color:#2a1210} /* звёзды оценки — янтарь бренда, а не «нужны вы» */ :root[data-page="panel"] .pd-stars,:root[data-page="panel"] .rstars{color:var(--sv-accent-d)} :root[data-page="panel"][data-theme="dark"] .pd-stars,:root[data-page="panel"][data-theme="dark"] .rstars{color:var(--sv-accent)} /* — «не вышло» (коралл) — */ :root[data-page="panel"] .pill.bad,:root[data-page="panel"] .tag.bad,:root[data-page="panel"] .ap-err{background:var(--danger-soft);color:var(--coral-ink)} :root[data-page="panel"] .err-msg{color:var(--coral-ink)} :root[data-page="panel"] .dlg.danger .dlg-ico{background:var(--danger-soft);color:var(--coral-ink)} /* — полосы прогресса: янтарь на бумаге (полночная полоса выглядела бы как разделитель) — */ :root[data-page="panel"] .quota-bar i,:root[data-page="panel"] .imp-bar i{background:var(--accent-line)} /* полоса счёта красится инлайном из panel.js (`background:var(--accent)`), поэтому !important */ :root[data-page="panel"] .bwl-bar i[style*="var(--accent)"]{background:var(--accent-line)!important} :root[data-page="panel"] .quota-warn .quota-bar i{background:var(--warn)} :root[data-page="panel"] .sbfill,:root[data-page="panel"] .bar-fill,:root[data-page="panel"] .ffill, :root[data-page="panel"] .pot-gain,:root[data-page="panel"] .calc-gain, :root[data-page="panel"] .rsn-fill.good{background:linear-gradient(90deg,#C99A3C,#F4B942)} :root[data-page="panel"] .rsn-fill{background:var(--sv-you)} :root[data-page="panel"] .spin{border-color:var(--sv-accent-soft);border-top-color:var(--sv-accent-d)} :root[data-page="panel"][data-theme="dark"] .spin{border-top-color:var(--sv-accent)} /* печатный «итог периода» — всегда на белом */ :root[data-page="panel"] .rm-page{color:#161A2E} :root[data-page="panel"] .rm-h{border-bottom-color:#171D45} :root[data-page="panel"] .rm-h .logo{color:#171D45} :root[data-page="panel"] .rm-k div{border-left-color:#F4B942} :root[data-page="panel"] .rm-h span,:root[data-page="panel"] .rm-sec > b{color:#7E8398} :root[data-page="panel"] .rm-k span,:root[data-page="panel"] .rm-t th,:root[data-page="panel"] .rm-f{color:#4B5068} /* ═══════════════════════════ АДМИНКА ═══════════════════════════════════════════════════════ */ :root[data-page="admin"]{ --bg:#F6F3EA; --bg-2:#F2EEE3; --surface:#FDFBF6; --surface-2:#F2EEE3; --surface-3:#E9E4D6; --card:#FDFBF6; --card-2:#F8F5EC; --line:#E3DFD2; --line-2:#D9D4C4; --ink:#161A2E; --ink-2:#4B5068; --muted:#7E8398; --accent:#232B62; --accent-2:#171D45; --accent-ink:#2F3A7A; --accent-soft:#E6E8F5; --ok:#1E9E74; --ok-bg:#D6F3E6; --bad:#C8483E; --bad-bg:#FBE1DE; --warn:#8C5F08; --warn-bg:#FBEFD2; --blue:#3F5BD6; --blue-bg:#E5E9FA; --lav:#5030B0; --lav-bg:#ECE6FB; --pink:#8C5F08; --pink-bg:#FBEFD2; --mint:#2FBF8F; --logo-ink:#171D45; --focus:rgba(47,58,122,.16); --scrim:rgba(16,20,58,.36); --glow-1:rgba(47,58,122,.09); --glow-2:rgba(244,185,66,.14); --glow-3:rgba(244,185,66,.18); --term-bg:#0F1220; --term-ink:#D5D8E8; --shadow:0 1px 2px rgba(23,29,69,.05), 0 12px 30px -18px rgba(23,29,69,.24); --shadow-h:0 2px 4px rgba(23,29,69,.06), 0 22px 44px -20px rgba(23,29,69,.30); } :root[data-page="admin"][data-theme="dark"]{ --bg:#0F1118; --bg-2:#151823; --surface:#151823; --surface-2:#1A1E2B; --surface-3:#222634; --card:#151823; --card-2:#1A1E2B; --line:#262A38; --line-2:#30354A; --ink:#E6E8F2; --ink-2:#C0C4D6; --muted:#8489A0; --accent:#43509E; --accent-2:#353D85; --accent-ink:#F2CF86; --accent-soft:#252B52; --ok:#4ACB9E; --ok-bg:#16302A; --bad:#E07E73; --bad-bg:#3A2220; --warn:#EFBE5B; --warn-bg:#332B15; --blue:#7E93EA; --blue-bg:#1E2A4A; --lav:#B49CF7; --lav-bg:#2A2340; --pink:#EFBE5B; --pink-bg:#332B15; --mint:#4ACB9E; --logo-ink:#EFBE5B; --focus:rgba(239,190,91,.22); --scrim:rgba(0,0,0,.55); --glow-1:rgba(67,80,158,.14); --glow-2:rgba(239,190,91,.05); --glow-3:rgba(239,190,91,.12); --term-bg:#0B0D14; --term-ink:#D5D8E8; } :root[data-page="admin"] .switch.on{background:var(--ok)} :root[data-page="admin"] .switch .k{box-shadow:0 1px 3px rgba(23,29,69,.3)} /* ═══════════════════════════ ОНБОРДИНГ ═════════════════════════════════════════════════════ */ :root[data-page="onboarding"]{ --bg:#FAF7F0; --surface:#FFFFFF; --surface-2:#F2EEE3; --ink:#161A2E; --muted:#7E8398; --border:#E3DFD2; --accent:#171D45; --accent-2:#232B62; --accent-soft:#FBEFD2; --ok:#0F6B4A; --amber:#5030B0; --danger:#C8483E; --logo-ink:#171D45; } :root[data-page="onboarding"][data-theme="dark"]{ --bg:#12141C; --surface:#171A24; --surface-2:#181B26; --ink:#DEE0EA; --muted:#6E7389; --border:#262A38; --accent:#EFBE5B; --accent-2:#C99A3C; --accent-soft:#332B15; --ok:#86DDBE; --amber:#CDBDFF; --danger:#EFA69A; --logo-ink:#EFBE5B; } :root[data-page="onboarding"] .card,:root[data-page="onboarding"] .panel{box-shadow:0 1px 2px rgba(23,29,69,.05),0 10px 26px rgba(23,29,69,.07)} :root[data-page="onboarding"] .card .tag{background:#F4B942;color:#10143A} :root[data-page="onboarding"] .cat{color:var(--sv-accent-ink)} :root[data-page="onboarding"][data-theme="dark"] .btn{color:#12141C} /* ═══════════════════════════ ПОДДЕРЖКА и ЮР-ДОКУМЕНТЫ ══════════════════════════════════════ Юр-страницы не правятся вовсе (их байты — отпечаток согласий), у них старая кремово-зелёная тема и буква в квадрате. Здесь: те же токены, что у support, шрифт бренда и знак вместо буквы. */ :root[data-page="support"], :root[data-page="legal"]{ --cream:#FAF7F0; --cream-2:#FFFFFF; --line:#E3DFD2; --field:#171D45; --field-d:#10143A; --ink:#161A2E; --ink-2:#4B5068; --muted:#7E8398; --mint:#8C5F08; /* здесь --mint = цвет ссылки на бумаге (AA 5.2) */ --mint-l:#F4B942; --sand:#F4B942; --amber:#8C5F08; --sans:"Onest",system-ui,-apple-system,"Segoe UI",Arial,sans-serif; } :root[data-page="support"] .logo,:root[data-page="legal"] .logo{color:#F6F1E4} :root[data-page="support"] .top .back,:root[data-page="legal"] .top .back{color:rgba(246,241,228,.75)} /* буква «J» в квадрате → знак Совы: букву прячем, плитку рисует сам favicon.svg (полночь + янтарь) */ :root[data-page="legal"] .sq{background:url(/static/favicon.svg) center/contain no-repeat;border-radius:0; color:transparent;font-size:0;overflow:hidden;user-select:none} :root[data-page="legal"] .fill{background:rgba(244,185,66,.32);color:#10143A}