/* Светлый фон. Тёмный вид страниц не трогаем: правила только при html.light.
   Акцент на светлом темнее, чем неон тёмной темы, чтобы текст читался. */

.az-theme {
    position: relative;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(117, 174, 255, 0.28);
    border-radius: 10px;
    background: rgba(10, 18, 42, 0.55);
    color: #e7e9f5;
    cursor: pointer;
    flex: 0 0 auto;
}
.az-theme svg {
    position: absolute;
    inset: 8px;
    width: 18px;
    height: 18px;
    transition: transform 0.45s, opacity 0.45s;
}
html.dark .az-theme .ico-sun,
html:not(.light) .az-theme .ico-sun { transform: rotate(-90deg) scale(0.5); opacity: 0; }
html.dark .az-theme .ico-moon,
html:not(.light) .az-theme .ico-moon { transform: none; opacity: 1; }
html.light .az-theme {
    background: #fff;
    color: #12151c;
    border-color: rgba(14, 116, 144, 0.28);
}
html.light .az-theme .ico-moon { transform: rotate(90deg) scale(0.5); opacity: 0; }
html.light .az-theme .ico-sun { transform: none; opacity: 1; }
html.light body.page-blog .az-topbar .flow-theme {
    background: #fff;
    color: #12151c;
    border-color: rgba(14, 116, 144, 0.28);
}

html.light { color-scheme: light; }
html.light::-webkit-scrollbar-track { background: #eef3f8; }
html.light::-webkit-scrollbar-thumb { border-color: #eef3f8; }

/* шапка */
html.light .az-topbar .header {
    background: rgba(247, 250, 252, 0.94) !important;
    border-color: rgba(14, 116, 144, 0.18) !important;
    color: #12151c !important;
}
html.light .az-topbar .header .brand-name {
    color: #12151c !important;
    background: none !important;
    -webkit-text-fill-color: #12151c !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
}
html.light .az-topbar .header .desktop-nav a,
html.light .az-topbar .header .desktop-nav button {
    color: #3d4d5c !important;
}
html.light .az-topbar .header .desktop-nav a:hover,
html.light .az-topbar .header .desktop-nav a.active,
html.light .az-topbar .header .desktop-nav button:hover,
html.light .az-topbar .header .desktop-nav button.active {
    color: #12151c !important;
}
html.light .az-topbar .header .lang-switch {
    background: rgba(255, 255, 255, 0.8) !important;
    border-color: rgba(14, 116, 144, 0.2) !important;
}
html.light .az-topbar .header .lang-switch a,
html.light .az-topbar .header .lang-switch button { color: #4d5c6b !important; }
html.light .az-topbar .header .lang-switch a.active,
html.light .az-topbar .header .lang-switch button.active { color: #12151c !important; }

/* главная */
html.light body.is-home {
    background:
        radial-gradient(900px 520px at 85% -8%, rgba(124, 58, 237, 0.12), transparent 62%),
        radial-gradient(720px 480px at 0% 20%, rgba(14, 165, 233, 0.12), transparent 64%),
        #eef3f8 !important;
    color: #12151c;
}
html.light .ah-hero {
    --ah-void: #eef3f8;
    background:
        radial-gradient(900px 520px at 85% -8%, rgba(124, 58, 237, 0.14), transparent 62%),
        radial-gradient(720px 480px at 0% 18%, rgba(14, 165, 233, 0.12), transparent 64%),
        #eef3f8 !important;
    color: #12151c;
}
html.light .ah-hero-fade { background: linear-gradient(0deg, #eef3f8, transparent); }
html.light .ah-grid {
    background-image: linear-gradient(rgba(99, 102, 241, 0.14) 1px, transparent 1px), linear-gradient(90deg, rgba(99, 102, 241, 0.14) 1px, transparent 1px);
}
html.light .ah-badge { color: #0e7490; background: rgba(14, 116, 144, 0.08); border-color: rgba(14, 116, 144, 0.28); }
html.light .ah-title,
html.light #page-home .ah-title,
html.light .ah-l1,
html.light .ah-l3 { color: #12151c; }
html.light .ah-typed { color: #0e7490; }
html.light .ah-lead,
html.light .ah-float b span,
html.light .ah-stat small { color: #4d5c6b; }
html.light .ah-float b,
html.light .ah-stat strong,
html.light .ah-btn.is-ghost { color: #12151c; }
html.light .ah-glass,
html.light #page-home .ax-glass {
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.72)) !important;
    border-color: rgba(99, 102, 241, 0.16) !important;
}
html.light #page-home .ax-glass-strong {
    background: linear-gradient(160deg, #ffffff, #f3f6fb) !important;
    border-color: rgba(99, 102, 241, 0.18) !important;
}
html.light .c-cyan { color: #0e7490; }
html.light .c-violet { color: #6d28d9; }
html.light .c-indigo { color: #4338ca; }
html.light .c-green { color: #047857; }
html.light #page-home .ax-sec,
html.light #page-home .ax-facts,
html.light #page-home .ax-footer {
    background:
        radial-gradient(800px 420px at 100% 0%, rgba(124, 58, 237, 0.06), transparent 60%),
        #eef3f8;
    color: #12151c;
}
html.light #page-home .ax-marquee { background: #f7fafc; border-color: rgba(99, 102, 241, 0.12); }
html.light #page-home .ax-head p,
html.light #page-home .ax-card p,
html.light #page-home .ax-step p,
html.light #page-home .ax-facts-grid > div > span,
html.light #page-home .ax-cases-band p,
html.light #page-home .ax-foot-brand p,
html.light #page-home .ax-foot-grid > div > a,
html.light #page-home .ax-foot-bottom,
html.light #page-home .ax-foot-bottom a,
html.light #page-home .ax-level small { color: #4d5c6b; }
html.light #page-home .ax-card h3,
html.light #page-home .ax-step h3,
html.light #page-home .ax-node b,
html.light #page-home .ax-feed-head span,
html.light #page-home .ax-calc-panel h3,
html.light #page-home .ax-tree-root,
html.light #page-home .ax-cline b,
html.light #page-home .ax-foot-logo,
html.light #page-home .ax-foot-grid h4 { color: #12151c; }
html.light #page-home .ax-foot-grid > div > a:hover,
html.light #page-home .ax-card:hover .ax-out { color: #0e7490; }
html.light #page-home .ax-footer { background: #f7fafc; border-top-color: rgba(99, 102, 241, 0.12); }
html.light #page-home .ax-contact { background: linear-gradient(180deg, #eef3f8, #f7fafc 70%, #eef3f8); }
html.light #page-home .ax-form input,
html.light #page-home .ax-form textarea {
    background: #fff !important;
    color: #12151c !important;
    border-color: rgba(18, 21, 28, 0.14) !important;
}
html.light #page-home :is(h1, h2, h3, h4) { color: #12151c !important; }
html.light #page-home .ax-grad {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    background: linear-gradient(100deg, #0891b2, #4f46e5 45%, #7c3aed 75%, #0891b2) 0 0 / 220% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}
html.light #page-home .ax-feed-list li {
    color: #12151c !important;
    background: #fff !important;
    border: 1px solid rgba(18, 21, 28, 0.16) !important;
}
html.light #page-home .ax-feed-list li small,
html.light #page-home .ax-feed p,
html.light #page-home .ax-marquee span,
html.light #page-home .ax-calc-panel li,
html.light #page-home .ax-note,
html.light #page-home .ax-cnext p,
html.light #page-home .ax-form label { color: #3d4d5c !important; }
html.light #page-home .c-amber { color: #b45309 !important; }
html.light #page-home .c-pink { color: #be185d !important; }
html.light #page-home .ax-mod {
    color: #12151c !important;
    border: 1px solid rgba(18, 21, 28, 0.18) !important;
}
html.light #page-home .ax-mod:has(.c-cyan) { background: #ecfeff !important; border-color: #0891b2 !important; }
html.light #page-home .ax-mod:has(.c-violet) { background: #f5f3ff !important; border-color: #7c3aed !important; }
html.light #page-home .ax-mod:has(.c-green) { background: #ecfdf5 !important; border-color: #059669 !important; }
html.light #page-home .ax-mod:has(.c-amber) { background: #fffbeb !important; border-color: #d97706 !important; }
html.light #page-home .ax-mod:has(.c-indigo) { background: #eef2ff !important; border-color: #4f46e5 !important; }
html.light #page-home .ax-mod:has(.c-pink) { background: #fdf2f8 !important; border-color: #db2777 !important; }
html.light #page-home .ax-steps-line,
html.light #page-home .ax-level > i { background: rgba(18, 21, 28, 0.08); }
html.light #page-home .ax-dot {
    color: #fff !important;
    background: linear-gradient(135deg, #0891b2, #6d28d9) !important;
}
html.light #page-home .ax-step-top em { color: #0e7490 !important; }
html.light #page-home .ax-node {
    background: #fff !important;
    border-color: rgba(18, 21, 28, 0.16) !important;
    box-shadow: 0 8px 24px rgba(18, 21, 28, 0.08) !important;
}
html.light #page-home .ax-node small,
html.light #page-home .ax-dia-foot { color: #3d4d5c !important; }
html.light #page-home .ax-node.is-core {
    background: #eef2ff !important;
    border-color: #4f46e5 !important;
}
html.light #page-home .ax-dia-foot span:first-child { color: #047857 !important; }

/* Разработка: калькулятор на светлом. Тёмный вид и цены не меняем. */
html.light body.page-devcalc #root :is(.text-white, .text-slate-100, .text-slate-200, .text-slate-300):not([class*="from-"]) {
    color: #12151c !important;
}
html.light body.page-devcalc #root :is(.text-slate-400, .text-slate-500, .text-slate-600) {
    color: #3d4d5c !important;
}
html.light body.page-devcalc #root :is([class*="from-cyan"], [class*="from-violet"], [class*="from-pink"], [class*="from-lime"], [class*="from-amber"], [class*="from-blue"], [class*="from-emerald"]) {
    color: #fff !important;
}
html.light body.page-devcalc #root [class*="bg-clip-text"] {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}
html.light body.page-devcalc #root h2 [class*="bg-clip-text"] {
    background-image: linear-gradient(90deg, #0e7490, #6d28d9 45%, #be185d) !important;
}
html.light body.page-devcalc #root .space-y-10 > section > .grid > * {
    border-width: 1px !important;
    border-style: solid !important;
}
html.light body.page-devcalc #root .space-y-10 > section:nth-child(1) > .grid > * {
    background: #ecfeff !important;
    border-color: #0891b2 !important;
}
html.light body.page-devcalc #root .space-y-10 > section:nth-child(2) > .grid > * {
    background: #f5f3ff !important;
    border-color: #7c3aed !important;
}
html.light body.page-devcalc #root .space-y-10 > section:nth-child(3) > .grid > * {
    background: #f7fee7 !important;
    border-color: #65a30d !important;
}
html.light body.page-devcalc #root .space-y-10 > section:nth-child(4) > .grid > * {
    background: #fdf2f8 !important;
    border-color: #db2777 !important;
}
html.light body.page-devcalc #root .space-y-10 > section:nth-child(5) > .grid > * {
    background: #eff6ff !important;
    border-color: #2563eb !important;
}
html.light body.page-devcalc #root :is([class*="text-cyan-100"], [class*="text-cyan-200"], [class*="text-cyan-300"], [class*="text-cyan-400"], [class*="text-sky-200"], [class*="text-sky-300"]) { color: #0e7490 !important; }
html.light body.page-devcalc #root [class*="text-amber-300"] { color: #b45309 !important; }
html.light body.page-devcalc #root .text-violet-300 { color: #6d28d9 !important; }
html.light body.page-devcalc #root .text-lime-300 { color: #4d7c0f !important; }
html.light body.page-devcalc #root .text-pink-300 { color: #be185d !important; }
html.light body.page-devcalc #root :is(.text-amber-200, .text-amber-300) { color: #b45309 !important; }
html.light body.page-devcalc #root .text-blue-300 { color: #1d4ed8 !important; }

/* Блок суммы: карточки были полупрозрачным серым, текст на них не читался. */
html.light body.page-devcalc #root aside > [class*="bg-slate-900"] {
    background: #fff !important;
    border-color: rgba(18, 21, 28, 0.16) !important;
    box-shadow: 0 12px 32px rgba(18, 21, 28, 0.08) !important;
}
html.light body.page-devcalc #root aside [class*="bg-white/"] {
    background: #f3f6fa !important;
    border-color: rgba(18, 21, 28, 0.12) !important;
}
html.light body.page-devcalc #root aside [class*="bg-clip-text"] {
    background-image: linear-gradient(90deg, #0e7490, #6d28d9 45%, #be185d) !important;
}
html.light body.page-devcalc #root aside .h-1\.5[class*="bg-white"] {
    background: rgba(18, 21, 28, 0.12) !important;
}
html.light body.page-devcalc #root aside button[class*="from-cyan"] > span.text-white,
html.light body.page-devcalc #root aside button[class*="from-cyan"] > span.text-white * {
    background: transparent !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
html.light body.page-devcalc #root div.fixed[class*="bg-slate-950"] {
    background: #fff !important;
    border-top-color: rgba(18, 21, 28, 0.14) !important;
}
html.light body.page-devcalc .footer { color: #3d4d5c !important; }
html.light body.page-devcalc .footer a { color: #0e7490 !important; }

/* Выбранный модуль ярче, невыбранный прозрачнее. */
html.light body.page-devcalc #root .space-y-10 > section > .grid > button:not([aria-pressed="true"]) {
    background: rgba(255, 255, 255, 0.35) !important;
    border-color: rgba(18, 21, 28, 0.14) !important;
    box-shadow: none !important;
}
html.light body.page-devcalc #root .space-y-10 > section:nth-child(1) > .grid > button[aria-pressed="true"] {
    background: #cffafe !important;
    border-color: #0891b2 !important;
    box-shadow: 0 0 0 2px #0891b2 !important;
    opacity: 1;
}
html.light body.page-devcalc #root .space-y-10 > section:nth-child(2) > .grid > button[aria-pressed="true"] {
    background: #ede9fe !important;
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 2px #7c3aed !important;
    opacity: 1;
}
html.light body.page-devcalc #root .space-y-10 > section:nth-child(3) > .grid > button[aria-pressed="true"] {
    background: #ecfccb !important;
    border-color: #65a30d !important;
    box-shadow: 0 0 0 2px #65a30d !important;
    opacity: 1;
}
html.light body.page-devcalc #root .space-y-10 > section:nth-child(4) > .grid > button[aria-pressed="true"] {
    background: #fce7f3 !important;
    border-color: #db2777 !important;
    box-shadow: 0 0 0 2px #db2777 !important;
    opacity: 1;
}
html.light body.page-devcalc #root .space-y-10 > section:nth-child(5) > .grid > button[aria-pressed="true"] {
    background: #dbeafe !important;
    border-color: #2563eb !important;
    box-shadow: 0 0 0 2px #2563eb !important;
    opacity: 1;
}

/* SEO и кейсы */
html.light body.page-seo,
html.light body.page-cases-open {
    background:
        radial-gradient(800px 420px at 100% -10%, rgba(124, 58, 237, 0.08), transparent 60%),
        #eef3f8 !important;
    color: #12151c;
}
html.light .hero-title,
html.light .seo-sec h2,
html.light .seo-sec h3,
html.light .seo-faq summary,
html.light .arena-seo h1,
html.light .arena-seo h2,
html.light .arena-seo h3,
html.light .dev-seo-h1,
html.light .dev-seo-bottom h2 { color: #12151c !important; }
html.light .seo-lead,
html.light .seo-sec p,
html.light .seo-list,
html.light .arena-seo,
html.light .dev-seo,
html.light .dev-seo-lead { color: #3d4d5c !important; }
html.light .seo-crumbs,
html.light .seo-note,
html.light .seo-foot-brand p,
html.light .seo-foot-legal,
html.light .az-req { color: #5c6b7a !important; }
html.light .seo-crumbs a,
html.light .seo-sec a:not(.cta-btn):not(.seo-rel):not(.seo-card),
html.light .seo-note a,
html.light .seo-foot-legal a,
html.light .az-req a,
html.light .arena-seo a,
html.light .dev-seo a { color: #0e7490 !important; }
html.light .seo-steps li,
html.light .seo-faq,
html.light .seo-card {
    background: #fff !important;
    border-color: rgba(99, 102, 241, 0.16) !important;
    color: #12151c !important;
}
html.light .seo-card p,
html.light .seo-steps b { color: #3d4d5c !important; }
html.light .seo-steps b { color: #0e7490 !important; }
html.light .seo-rel { color: #0e7490 !important; border-color: rgba(14, 116, 144, 0.35) !important; }
html.light .seo-form input,
html.light .seo-form textarea {
    background: #fff !important;
    color: #12151c !important;
    border-color: rgba(18, 21, 28, 0.14) !important;
}
html.light .seo-foot-grid h4 { color: #12151c !important; }

/* Решения, О компании, Партнёры: переменные Arena и стекло */
html.light body.page-solutionsarena,
html.light body.page-aboutarena,
html.light body.page-partnersarena {
    --color-void: #eef3f8;
    --color-ink: #ffffff;
    --color-panel: #ffffff;
    background:
        radial-gradient(800px 420px at 100% -10%, rgba(124, 58, 237, 0.1), transparent 60%),
        #eef3f8 !important;
    color: #12151c;
}
html.light body.page-solutionsarena .site-bottom,
html.light body.page-aboutarena .site-bottom,
html.light body.page-partnersarena .site-bottom { background: #f7fafc !important; }
html.light body.page-solutionsarena .footer,
html.light body.page-aboutarena .footer,
html.light body.page-partnersarena .footer { color: #5c6b7a !important; }
html.light body.page-solutionsarena .footer a,
html.light body.page-aboutarena .footer a,
html.light body.page-partnersarena .footer a { color: #0e7490 !important; }
html.light :is(body.page-solutionsarena, body.page-aboutarena, body.page-partnersarena) .bg-void {
    background-color: #eef3f8 !important;
}
html.light :is(body.page-solutionsarena, body.page-aboutarena, body.page-partnersarena) :is(.bg-ink, .bg-ink\/60, .bg-ink\/80) {
    background-color: #ffffff !important;
}
html.light :is(body.page-solutionsarena, body.page-aboutarena, body.page-partnersarena) :is(.bg-white\/5, .bg-white\/6, .bg-white\/8, .bg-white\/\[0\.02\], .bg-white\/\[0\.03\], .bg-white\/\[0\.04\], .bg-white\/\[0\.05\]) {
    background-color: rgba(255, 255, 255, 0.88) !important;
    box-shadow: inset 0 0 0 1px rgba(99, 102, 241, 0.12);
}
html.light :is(body.page-solutionsarena, body.page-aboutarena, body.page-partnersarena) :is(.text-slate-100, .text-slate-200, .text-white):not(button):not([class*="gradient"]) {
    color: #12151c !important;
}
html.light :is(body.page-solutionsarena, body.page-aboutarena, body.page-partnersarena) :is(a, button)[class*="gradient"],
html.light :is(body.page-solutionsarena, body.page-aboutarena, body.page-partnersarena) [class*="gradient"] :is(.text-white, .text-slate-100, .text-slate-200) {
    color: #fff !important;
}
html.light :is(body.page-solutionsarena, body.page-aboutarena, body.page-partnersarena) :is(.text-slate-300, .text-slate-400, .text-slate-500) {
    color: #4d5c6b !important;
}
html.light :is(body.page-solutionsarena, body.page-aboutarena, body.page-partnersarena) :is(.text-cyan-200, .text-cyan-300, .text-cyan-400) {
    color: #0e7490 !important;
}
html.light :is(body.page-solutionsarena, body.page-aboutarena, body.page-partnersarena) :is(.text-indigo-200, .text-indigo-300, .text-indigo-400) {
    color: #4338ca !important;
}
html.light :is(body.page-solutionsarena, body.page-aboutarena, body.page-partnersarena) :is(.text-violet-200, .text-violet-300) {
    color: #6d28d9 !important;
}
html.light :is(body.page-solutionsarena, body.page-aboutarena, body.page-partnersarena) :is(.text-slate-600, .text-slate-700) {
    color: #3d4d5c !important;
}
html.light :is(body.page-solutionsarena, body.page-aboutarena, body.page-partnersarena) :is(.text-emerald-300, .text-emerald-400) {
    color: #047857 !important;
}
html.light :is(body.page-solutionsarena, body.page-aboutarena, body.page-partnersarena) .glass-strong {
    background: #fff !important;
    border-color: rgba(18, 21, 28, 0.14) !important;
    color: #12151c;
}
html.light :is(body.page-solutionsarena, body.page-aboutarena, body.page-partnersarena) .glass {
    background: rgba(255, 255, 255, 0.78) !important;
    border-color: rgba(18, 21, 28, 0.12) !important;
}

/* Разработка: шапка и текст вокруг калькулятора. Сам калькулятор не перекрашиваем. */
html.light body.page-devcalc { background: #eef3f8 !important; color: #12151c; }
html.light body.page-devcalc .header { background: rgba(247, 250, 252, 0.94) !important; color: #12151c; }
html.light body.page-devcalc #root { color: #12151c; }

/* Кейсы: карточки и герой в cases.css зашиты тёмными. */
html.light body.page-cases-open {
    --az-bg: #eef3f8;
    --az-text: #12151c;
    --az-muted: #4d5c6b;
    --az-faint: #5c6b7a;
    --az-cyan: #0e7490;
    --az-line: rgba(99, 102, 241, 0.18);
}
html.light body.page-cases-open::before {
    background:
        radial-gradient(900px 560px at 85% -8%, rgba(124, 58, 237, 0.1), transparent 66%),
        radial-gradient(760px 520px at 4% 22%, rgba(14, 116, 144, 0.08), transparent 68%);
}
html.light body.page-cases-open::after { opacity: 0.45; }
html.light body.page-cases-open .cursor-glow { display: none; }
html.light body.page-cases-open .orb { opacity: 0.28; }
html.light body.page-cases-open .grad-border-inner {
    background: linear-gradient(145deg, #ffffff, #f7fafc);
}
html.light body.page-cases-open .hero-title,
html.light body.page-cases-open .case-title,
html.light body.page-cases-open .detail-title { color: #12151c; }
html.light body.page-cases-open .hero-ticks li,
html.light body.page-cases-open .cases-total span,
html.light body.page-cases-open .showing,
html.light body.page-cases-open .detail-company { color: #5c6b7a; }
html.light body.page-cases-open .cases-total {
    background: rgba(14, 116, 144, 0.08);
    border-color: rgba(14, 116, 144, 0.28);
}
html.light body.page-cases-open .cases-total b { text-shadow: none; }
html.light body.page-cases-open a.cta-btn:not(.btn-outline) {
    color: #fff !important;
    background: linear-gradient(90deg, #22d3ee, #8b5cf6) !important;
    border-color: transparent !important;
}
html.light body.page-cases-open .cta-btn.btn-outline {
    color: #12151c !important;
    background: #fff !important;
    border: 1px solid rgba(18, 21, 28, 0.16) !important;
}
html.light body.page-cases-open .cases-search {
    color: #12151c;
    background: #fff;
    border-color: rgba(18, 21, 28, 0.14);
}
html.light body.page-cases-open .cases-search::placeholder,
html.light body.page-cases-open .search-wrap .az-ico { color: #5c6b7a; }
html.light body.page-cases-open .hmod-inner {
    color: #12151c;
    background: rgba(255, 255, 255, 0.92);
}
html.light body.page-cases-open .marquee {
    background: #f7fafc;
    border-color: rgba(99, 102, 241, 0.16);
}
html.light body.page-cases-open .marquee-item { color: #3d4d5c; }
html.light body.page-cases-open .cases-pill {
    color: #3d4d5c;
    background: #fff;
    border-color: rgba(18, 21, 28, 0.12);
}
html.light body.page-cases-open .cases-pill:hover { color: #12151c; }
html.light body.page-cases-open .cases-pill.is-on,
html.light body.page-cases-open .cases-pill.is-on em { color: #fff; }
html.light body.page-cases-open .cases-pill.is-on i { background: #fff; }
html.light body.page-cases-open .case-card {
    background: linear-gradient(#ffffff, #f7fafc);
    color: #12151c;
}
html.light body.page-cases-open .case-problem,
html.light body.page-cases-open .case-build,
html.light body.page-cases-open .case-block p,
html.light body.page-cases-open .step { color: #3d4d5c; }
html.light body.page-cases-open .case-effect {
    color: #12151c;
    background: rgba(14, 116, 144, 0.06);
}
html.light body.page-cases-open .case-block,
html.light body.page-cases-open .detail-nav button {
    background: #fff;
    color: #12151c;
}
html.light body.page-cases-open .footer { color: #5c6b7a; border-top-color: rgba(99, 102, 241, 0.16); }
html.light body.page-cases-open .footer a { color: #0e7490; }

html.light .az-mnav { --mn-bar: #f7fafc; --mn-a: #0e7490; }