/**
 * DigiSEO global light theme — white page shell; menu shells transparent, pills stay dark.
 */

html[data-theme="light"],
html[data-theme="light"][data-theme-resolved="light"] {
    --digiseo-bg: #ffffff;
    --digiseo-text: #0f172a;
    --digiseo-muted: #64748b;
    --digiseo-line: rgba(15, 23, 42, 0.12);
    --digiseo-card: #ffffff;
    --digiseo-card-alt: #f8fafc;
    /* Pages using --bg / --text CSS variables */
    --bg: #ffffff;
    --text: #0f172a;
    --muted: #64748b;
    --line: rgba(15, 23, 42, 0.12);
    --card: #ffffff;
    color-scheme: light;
}

@media (prefers-color-scheme: light) {
    html[data-theme="system"],
    html[data-theme="system"][data-theme-resolved="light"] {
        --digiseo-bg: #ffffff;
        --digiseo-text: #0f172a;
        --digiseo-muted: #64748b;
        --digiseo-line: rgba(15, 23, 42, 0.12);
        --digiseo-card: #ffffff;
        --digiseo-card-alt: #f8fafc;
        --bg: #ffffff;
        --text: #0f172a;
        --muted: #64748b;
        --line: rgba(15, 23, 42, 0.12);
        --card: #ffffff;
        color-scheme: light;
    }
}

/* —— Page background & default text —— */
html[data-theme="light"] body,
html[data-theme="light"] body.page-tool,
html[data-theme="light"] body.page-report,
html[data-theme="light"] .wrap,
html[data-theme="light"] .page-wrap,
html[data-theme="light"] .tool-main,
html[data-theme="light"] .seo-main,
html[data-theme="light"] .container,
html[data-theme="light"] .report-layout,
html[data-theme="light"] .settings-wrap {
    background: var(--digiseo-bg) !important;
    color: var(--digiseo-text);
}

@media (prefers-color-scheme: light) {
    html[data-theme="system"] body,
    html[data-theme="system"] body.page-tool,
    html[data-theme="system"] body.page-report,
    html[data-theme="system"] .wrap,
    html[data-theme="system"] .page-wrap,
    html[data-theme="system"] .tool-main,
    html[data-theme="system"] .seo-main,
    html[data-theme="system"] .container,
    html[data-theme="system"] .report-layout,
    html[data-theme="system"] .settings-wrap {
        background: var(--digiseo-bg) !important;
        color: var(--digiseo-text);
    }
}

html[data-theme="light"] {
    --bg: var(--digiseo-bg);
    --text: var(--digiseo-text);
    --muted: var(--digiseo-muted);
    --line: var(--digiseo-line);
}

@media (prefers-color-scheme: light) {
    html[data-theme="system"] {
        --bg: var(--digiseo-bg);
        --text: var(--digiseo-text);
        --muted: var(--digiseo-muted);
        --line: var(--digiseo-line);
    }
}

/* —— Cards, panels, sidebars (not top nav) —— */
html[data-theme="light"] .card,
html[data-theme="light"] .sys-card,
html[data-theme="light"] .settings-main section,
html[data-theme="light"] .settings-sb,
html[data-theme="light"] .manual-form-card,
html[data-theme="light"] .schema-result-card,
html[data-theme="light"] aside.seo-sidebar,
html[data-theme="light"] aside.sidebar,
html[data-theme="light"] .kw-project-card {
    background: var(--digiseo-card) !important;
    border-color: var(--digiseo-line) !important;
    color: var(--digiseo-text);
}

@media (prefers-color-scheme: light) {
    html[data-theme="system"] .card,
    html[data-theme="system"] .sys-card,
    html[data-theme="system"] .settings-main section,
    html[data-theme="system"] .settings-sb,
    html[data-theme="system"] .manual-form-card,
    html[data-theme="system"] .schema-result-card,
    html[data-theme="system"] aside.seo-sidebar,
    html[data-theme="system"] aside.sidebar {
        background: var(--digiseo-card) !important;
        border-color: var(--digiseo-line) !important;
        color: var(--digiseo-text);
    }
}

/* —— Light ink: white / light-gray text → dark (exclude nav & colored buttons) —— */
html[data-theme="light"] {
    --digiseo-ink: #0f172a;
    --digiseo-ink-muted: #64748b;
}

/*
 * Cascade dark text from body; beat explicit #fff / #eef2ff in page CSS.
 * Excludes: top nav, site header, dropdown menus, buttons, CTA links, PRO badge.
 */
html[data-theme="light"] body {
    color: var(--digiseo-ink) !important;
}

html[data-theme="light"] body *:not(:is(
    .nav, .nav *,
    .main-nav, .main-nav *,
    .site-header, .site-header *,
    .nav-dd-menu, .nav-dd-menu *,
    .report-top, .report-top *,
    button, button *,
    input[type="button"], input[type="submit"], input[type="reset"],
    input, textarea, select, option,
    [class*="btn"], [class*="btn"] *,
    a.cta, a.cta *,
    a.btn-link, a.btn-link *,
    .btn-run, .btn-run *,
    .btn-primary, .btn-primary *,
    .btn-login, .btn-tool,
    .nav-pro-badge,
    .nav-strip, .nav-strip *,
    .manual-preview-card, .manual-preview-card *,
    .sys-choice, .sys-choice *,
    .sys-toggle, .sys-toggle *,
    .kw-tab, .schema-tab,
    .acc-logout, .acc-btn-outline, .aff-submit,
    .apik-add-btn, .apik-add-btn *,
    .pub-modal-foot button, .pub-modal-foot button *,
    .apik-modal-foot button, .apik-modal-foot button *,
    .apik-actions button, .apik-actions button *,
    .toggle, .toggle *
)) {
    color: inherit !important;
}

/* Muted copy (not inside buttons / controls) */
html[data-theme="light"] :is(
    .sub, .lead, .muted, .hint, .sb-hint, .sb-meta,
    .sys-sub, .sys-field .sys-hint,
    .card-hint, .field-hint, .text-muted, .role
) {
    color: var(--digiseo-ink-muted) !important;
}

/* Accent / brand (keep green) */
html[data-theme="light"] :is(
    .settings-sb h1,
    .settings-sb a.sb-link.sb-active,
    .settings-sb a.sb-link:hover,
    .sys-choice-badge
) {
    color: #00a86b !important;
}

html[data-theme="light"] .settings-main h2,
html[data-theme="light"] .sys-card h3,
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] label {
    color: var(--digiseo-ink) !important;
}

/* Inline light colors (templates / JS) — skip buttons & controls */
html[data-theme="light"] [style*="color:#fff"]:not(:is(
    button, button *, [class*="btn"], [class*="btn"] *, .sys-choice, .sys-choice *, a.cta, a.cta *
)),
html[data-theme="light"] [style*="color: #fff"]:not(:is(
    button, button *, [class*="btn"], [class*="btn"] *, .sys-choice, .sys-choice *, a.cta, a.cta *
)),
html[data-theme="light"] [style*="color:#ffffff"]:not(:is(
    button, button *, [class*="btn"], [class*="btn"] *, .sys-choice, .sys-choice *, a.cta, a.cta *
)),
html[data-theme="light"] [style*="color: #ffffff"]:not(:is(
    button, button *, [class*="btn"], [class*="btn"] *, .sys-choice, .sys-choice *, a.cta, a.cta *
)),
html[data-theme="light"] [style*="color:#f8fafc"]:not(:is(button, button *, [class*="btn"], [class*="btn"] *)),
html[data-theme="light"] [style*="color:#eef2ff"]:not(:is(button, button *, [class*="btn"], [class*="btn"] *)),
html[data-theme="light"] [style*="color:#e2e8f0"]:not(:is(button, button *, [class*="btn"], [class*="btn"] *, .sys-choice, .sys-choice *)),
html[data-theme="light"] [style*="color:#f1f5f9"]:not(:is(button, button *, [class*="btn"], [class*="btn"] *)),
html[data-theme="light"] [style*="color: white"]:not(:is(button, button *, [class*="btn"], [class*="btn"] *)),
html[data-theme="light"] [style*="color:white"]:not(:is(button, button *, [class*="btn"], [class*="btn"] *)) {
    color: var(--digiseo-ink) !important;
}

html[data-theme="light"] [style*="color:#cbd5e1"]:not(:is(button, button *, [class*="btn"], [class*="btn"] *, .sys-choice, .sys-choice *)),
html[data-theme="light"] [style*="color: #cbd5e1"]:not(:is(button, button *, [class*="btn"], [class*="btn"] *, .sys-choice, .sys-choice *)),
html[data-theme="light"] [style*="color:#94a3b8"]:not(:is(button, button *, [class*="btn"], [class*="btn"] *)),
html[data-theme="light"] [style*="color: #94a3b8"]:not(:is(button, button *, [class*="btn"], [class*="btn"] *)) {
    color: var(--digiseo-ink-muted) !important;
}

/* Content links (not menu / not buttons) */
html[data-theme="light"] :is(.settings-main, .wrap, .main, .tool-main, .card, .page-wrap) a:not(:is(.nav a, .main-nav a, .report-top a, .sb-link, .cta, .cta *, [class*="btn"], [class*="btn"] *)) {
    color: #2563eb !important;
}

/* Buttons & controls — restore original colors from page CSS (not .sys-choice) */
html[data-theme="light"] :is(
    button:not(.sys-choice), button:not(.sys-choice) *,
    input[type="button"], input[type="submit"], input[type="reset"],
    [class*="btn"], [class*="btn"] *,
    a.cta, a.cta *,
    .sys-toggle, .sys-toggle *,
    .kw-tab, .schema-tab,
    .acc-logout, .acc-btn-outline, .aff-submit,
    .apik-add-btn, .apik-add-btn *,
    .pub-modal-foot button, .pub-modal-foot button *,
    .apik-modal-foot button, .apik-modal-foot button *,
    .apik-actions button, .apik-actions button *,
    .toggle, .toggle *
) {
    color: unset !important;
}

/* System settings — choice cards (theme / language) white in light mode */
html[data-theme="light"] button.sys-choice {
    background: #ffffff !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}

html[data-theme="light"] button.sys-choice .sys-choice-title {
    color: #0f172a !important;
}

html[data-theme="light"] button.sys-choice .sys-choice-desc {
    color: #64748b !important;
}

html[data-theme="light"] button.sys-choice .sys-choice-badge {
    color: #00a86b !important;
}

html[data-theme="light"] button.sys-choice:hover {
    border-color: rgba(0, 230, 118, 0.45) !important;
}

html[data-theme="light"] button.sys-choice.is-active {
    border-color: rgba(0, 230, 118, 0.85) !important;
    box-shadow: 0 0 0 1px rgba(0, 230, 118, 0.45) !important;
}

html[data-theme="light"] code {
    color: #0f172a !important;
    background: #f1f5f9 !important;
}

html[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="light"] textarea,
html[data-theme="light"] select {
    background: #fff !important;
    color: var(--digiseo-text) !important;
    border-color: #cbd5e1 !important;
}

/* Home: content sections white; header stays dark */
html[data-theme="light"] body {
    --bg: #ffffff;
    background: #ffffff !important;
    color: var(--digiseo-text);
}

html[data-theme="light"] .hero,
html[data-theme="light"] .features,
html[data-theme="light"] .pricing-section,
html[data-theme="light"] .site-footer {
    background: #ffffff !important;
    color: var(--digiseo-text);
}

/* —— Light: no background outside menu buttons (shell only) —— */
:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) body :is(
    .site-header,
    .header-inner,
    .nav-strip,
    .tool-scroll-top,
    nav.nav,
    .nav,
    .main-nav,
    .report-top,
    .nav-dd
) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-bottom-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
}

:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) body .site-header {
    border-bottom: 1px solid #e2e8f0 !important;
}

:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) body .nav-strip {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 12px 18px 8px !important;
    box-sizing: border-box !important;
}

:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) body :is(.nav-strip .nav, .nav, nav[aria-label="Menu chính"]) {
    margin-bottom: 0 !important;
    padding: 0 !important;
}

:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) body .report-top {
    padding: 0 0 12px !important;
    border: none !important;
    border-radius: 0 !important;
}

/* Menu pills — dark chip on white page (body prefix beats per-page !important) */
:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) body :is(
    .nav a,
    .nav a:link,
    .nav a:visited,
    .main-nav > a,
    .main-nav > a:link,
    .main-nav > a:visited,
    .report-top > a,
    .report-top > a:link,
    .report-top > a:visited,
    nav.flex a.inline-flex,
    .nav .nav-dd-btn,
    .main-nav .nav-dd-btn,
    .report-top .nav-dd-btn
) {
    color: #ffffff !important;
    background: rgba(15, 23, 42, 0.92) !important;
    border: none !important;
    text-decoration: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    /* pill size / shadow: static/css/digiseo-nav.css */
}

:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) body :is(
    .main-nav > a:hover,
    .nav a:hover,
    .report-top > a:hover,
    nav.flex a.inline-flex:hover,
    .nav-dd:hover .nav-dd-btn,
    .nav-dd:focus-within .nav-dd-btn,
    .main-nav .nav-dd:hover .nav-dd-btn,
    .main-nav .nav-dd:focus-within .nav-dd-btn,
    .report-top .nav-dd:hover .nav-dd-btn,
    .report-top .nav-dd:focus-within .nav-dd-btn
) {
    color: #f1f5f9 !important;
    background: rgba(30, 41, 59, 0.95) !important;
    border: none !important;
}

:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) body :is(
    .nav a.active,
    .main-nav a.active,
    .report-top a.active,
    nav.flex a.active
) {
    color: #00e676 !important;
    border: none !important;
    background: rgba(0, 230, 118, 0.14) !important;
}

/* Highlighted nav entries (dashboard / tool) */
:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) body :is(
    .main-nav > a[href="/report"],
    .report-top a[href="/report"]
) {
    color: #ffffff !important;
    background: linear-gradient(135deg, #4f46e5 0%, #6366f1 55%, #7c3aed 100%) !important;
    border-color: rgba(165, 180, 252, 0.55) !important;
    box-shadow: none !important;
}

:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) body :is(
    .main-nav > a[href="/report"]:hover,
    .report-top a[href="/report"]:hover
) {
    color: #ffffff !important;
    background: linear-gradient(135deg, #4338ca 0%, #5b63f3 55%, #6d28d9 100%) !important;
    border-color: rgba(199, 210, 254, 0.75) !important;
}

:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) body .report-top a[href="/tool"] {
    color: #ffffff !important;
    background: linear-gradient(135deg, #4f46e5 0%, #6366f1 55%, #7c3aed 100%) !important;
    border-color: rgba(165, 180, 252, 0.55) !important;
}

:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) .nav-dd-menu,
:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) .main-nav .nav-dd-menu,
:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) .report-top .nav-dd-menu {
    background: rgba(15, 23, 42, 0.98) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45) !important;
}

:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) .nav-dd-menu a,
:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) .main-nav .nav-dd-menu a,
:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) .report-top .nav-dd-menu a {
    color: #e2e8f0 !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    font-size: 0.875rem !important;
}

:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) .nav-dd-menu a:hover,
:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) .main-nav .nav-dd-menu a:hover,
:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) .report-top .nav-dd-menu a:hover {
    background: rgba(0, 230, 118, 0.12) !important;
    color: #00e676 !important;
}

:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) .nav-dd-menu a.active,
:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) .main-nav .nav-dd-menu a.active {
    background: rgba(91, 103, 255, 0.45) !important;
    color: #00e676 !important;
}

/* Schema tool — preview / demo JSON panel (dark box, white text in light mode) */
:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) .manual-preview-card {
    background: #0f172a !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) .manual-preview-card .manual-preview-head h2 {
    color: #ffffff !important;
}

:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) .manual-preview-card .manual-preview-tools button {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}

:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) .manual-preview-card .manual-preview-tools button:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.18) !important;
}

:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) .manual-preview-card .manual-preview-code {
    color: #ffffff !important;
}

:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) body .wrap #out,
:is(html[data-theme="light"], html[data-theme="system"][data-theme-resolved="light"]) body #panelAnalyze textarea.tall[readonly] {
    background: #0f172a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

@media (prefers-color-scheme: light) {
    html[data-theme="system"] body,
    html[data-theme="system"] .wrap,
    html[data-theme="system"] .page-wrap {
        background: var(--digiseo-bg) !important;
        color: var(--digiseo-text);
    }

    html[data-theme="system"] {
        --bg: var(--digiseo-bg);
        --text: var(--digiseo-text);
        --muted: var(--digiseo-muted);
        --line: var(--digiseo-line);
    }

    html[data-theme="system"] body {
        --bg: #ffffff;
        background: #ffffff !important;
    }

    /* Same ink rules as light theme */
    html[data-theme="system"] {
        --digiseo-ink: #0f172a;
        --digiseo-ink-muted: #64748b;
    }

    html[data-theme="system"] body {
        color: var(--digiseo-ink) !important;
    }

    html[data-theme="system"] body *:not(:is(
        .nav, .nav *,
        .main-nav, .main-nav *,
        .site-header, .site-header *,
        .nav-dd-menu, .nav-dd-menu *,
        .report-top, .report-top *,
        button, button *,
        input[type="button"], input[type="submit"], input[type="reset"],
        input, textarea, select, option,
        [class*="btn"], [class*="btn"] *,
        a.cta, a.cta *,
        a.btn-link, a.btn-link *,
        .btn-run, .btn-run *,
        .btn-primary, .btn-primary *,
        .btn-login, .btn-tool,
        .nav-pro-badge,
        .nav-strip, .nav-strip *,
        .manual-preview-card, .manual-preview-card *,
        .sys-choice, .sys-choice *,
        .sys-toggle, .sys-toggle *,
        .kw-tab, .schema-tab,
        .acc-logout, .acc-btn-outline, .aff-submit,
        .apik-add-btn, .apik-add-btn *,
        .pub-modal-foot button, .pub-modal-foot button *,
        .apik-modal-foot button, .apik-modal-foot button *,
        .apik-actions button, .apik-actions button *,
        .toggle, .toggle *
    )) {
        color: inherit !important;
    }

    html[data-theme="system"] :is(
        .sub, .lead, .muted, .hint, .sb-hint, .sb-meta,
        .sys-sub, .sys-field .sys-hint,
        .card-hint, .field-hint, .text-muted, .role
    ) {
        color: var(--digiseo-ink-muted) !important;
    }

    html[data-theme="system"] :is(
        .settings-sb h1,
        .settings-sb a.sb-link.sb-active,
        .settings-sb a.sb-link:hover,
        .sys-choice-badge
    ) {
        color: #00a86b !important;
    }

    html[data-theme="system"] .settings-main h2,
    html[data-theme="system"] .sys-card h3,
    html[data-theme="system"] h1,
    html[data-theme="system"] h2,
    html[data-theme="system"] h3,
    html[data-theme="system"] label {
        color: var(--digiseo-ink) !important;
    }

    html[data-theme="system"] [style*="color:#fff"]:not(:is(button, button *, [class*="btn"], [class*="btn"] *, .sys-choice, .sys-choice *, a.cta, a.cta *)),
    html[data-theme="system"] [style*="color: #fff"]:not(:is(button, button *, [class*="btn"], [class*="btn"] *, .sys-choice, .sys-choice *, a.cta, a.cta *)),
    html[data-theme="system"] [style*="color:#ffffff"]:not(:is(button, button *, [class*="btn"], [class*="btn"] *, .sys-choice, .sys-choice *, a.cta, a.cta *)),
    html[data-theme="system"] [style*="color: #ffffff"]:not(:is(button, button *, [class*="btn"], [class*="btn"] *, .sys-choice, .sys-choice *, a.cta, a.cta *)),
    html[data-theme="system"] [style*="color:#f8fafc"]:not(:is(button, button *, [class*="btn"], [class*="btn"] *)),
    html[data-theme="system"] [style*="color:#eef2ff"]:not(:is(button, button *, [class*="btn"], [class*="btn"] *)),
    html[data-theme="system"] [style*="color:#e2e8f0"]:not(:is(button, button *, [class*="btn"], [class*="btn"] *, .sys-choice, .sys-choice *)),
    html[data-theme="system"] [style*="color:#f1f5f9"]:not(:is(button, button *, [class*="btn"], [class*="btn"] *)),
    html[data-theme="system"] [style*="color: white"]:not(:is(button, button *, [class*="btn"], [class*="btn"] *)),
    html[data-theme="system"] [style*="color:white"]:not(:is(button, button *, [class*="btn"], [class*="btn"] *)) {
        color: var(--digiseo-ink) !important;
    }

    html[data-theme="system"] [style*="color:#cbd5e1"]:not(:is(button, button *, [class*="btn"], [class*="btn"] *, .sys-choice, .sys-choice *)),
    html[data-theme="system"] [style*="color: #cbd5e1"]:not(:is(button, button *, [class*="btn"], [class*="btn"] *, .sys-choice, .sys-choice *)),
    html[data-theme="system"] [style*="color:#94a3b8"]:not(:is(button, button *, [class*="btn"], [class*="btn"] *)),
    html[data-theme="system"] [style*="color: #94a3b8"]:not(:is(button, button *, [class*="btn"], [class*="btn"] *)) {
        color: var(--digiseo-ink-muted) !important;
    }

    html[data-theme="system"] :is(.settings-main, .wrap, .main, .tool-main, .card, .page-wrap) a:not(:is(.nav a, .main-nav a, .report-top a, .sb-link, .cta, .cta *, [class*="btn"], [class*="btn"] *)) {
        color: #2563eb !important;
    }

    html[data-theme="system"] :is(
        button:not(.sys-choice), button:not(.sys-choice) *,
        input[type="button"], input[type="submit"], input[type="reset"],
        [class*="btn"], [class*="btn"] *,
        a.cta, a.cta *,
        .sys-toggle, .sys-toggle *,
        .kw-tab, .schema-tab,
        .acc-logout, .acc-btn-outline, .aff-submit,
        .apik-add-btn, .apik-add-btn *,
        .pub-modal-foot button, .pub-modal-foot button *,
        .apik-modal-foot button, .apik-modal-foot button *,
        .apik-actions button, .apik-actions button *,
        .toggle, .toggle *
    ) {
        color: unset !important;
    }

    html[data-theme="system"] button.sys-choice {
        background: #ffffff !important;
        color: #0f172a !important;
        border-color: #cbd5e1 !important;
    }

    html[data-theme="system"] button.sys-choice .sys-choice-title {
        color: #0f172a !important;
    }

    html[data-theme="system"] button.sys-choice .sys-choice-desc {
        color: #64748b !important;
    }

    html[data-theme="system"] button.sys-choice .sys-choice-badge {
        color: #00a86b !important;
    }

    html[data-theme="system"] button.sys-choice:hover {
        border-color: rgba(0, 230, 118, 0.45) !important;
    }

    html[data-theme="system"] button.sys-choice.is-active {
        border-color: rgba(0, 230, 118, 0.85) !important;
        box-shadow: 0 0 0 1px rgba(0, 230, 118, 0.45) !important;
    }

    html[data-theme="system"] code {
        color: #0f172a !important;
        background: #f1f5f9 !important;
    }
}