html[data-theme="dark"] .l-section-soft { background: var(--bg-soft); }
html[data-theme="dark"] .l-section-tint { background: var(--bg-tint); }
html[data-theme="dark"] .l-badge {
    background: rgba(255, 255, 255, 0.06);
    color: var(--color-text-muted);
    border-color: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .l-badge-reg  { background: rgba(167, 139, 250, 0.12); color: var(--kind-reg); }
html[data-theme="dark"] .l-badge-prov { background: rgba(96, 165, 250, 0.12); color: var(--kind-prov); }
html[data-theme="dark"] .l-badge-live { background: rgba(74, 222, 128, 0.1); color: var(--color-status-live); }
html[data-theme="dark"] .l-badge-live .l-badge-dot { background: var(--color-status-live); box-shadow: none; }
html[data-theme="dark"] .l-chip { background: rgba(255, 255, 255, 0.06); color: var(--color-text-muted); }
html[data-theme="dark"] .l-chip-active { background: var(--color-text); color: var(--color-surface); }
html[data-theme="dark"] .l-chip-mono { background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.1); }
html[data-theme="dark"] .l-params { border-color: rgba(255, 255, 255, 0.08); background: var(--color-surface); }
html[data-theme="dark"] .l-params-row { border-color: rgba(255, 255, 255, 0.06); }
html[data-theme="dark"] .l-params-name { background: rgba(255, 255, 255, 0.03); border-right-color: rgba(255, 255, 255, 0.06); }
html[data-theme="dark"] .l-params-desc code { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.08); }
html[data-theme="dark"] .l-inline-code { background: rgba(255, 255, 255, 0.08); color: var(--color-text); }
html[data-theme="dark"] .l-inline-code-light { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); }

html[data-theme="dark"] .l-stat-card { background: var(--color-surface); border-color: rgba(255, 255, 255, 0.08); }
html[data-theme="dark"] .l-sources-grid { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.06); }
html[data-theme="dark"] .l-source-card { background: var(--color-surface); }
html[data-theme="dark"] .l-sources-wall { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.06); }
html[data-theme="dark"] .l-sources-wall-cell { background: var(--color-surface); }
html[data-theme="dark"] .l-source-mark { background: rgba(255, 255, 255, 0.08); }
html[data-theme="dark"] .l-pipeline { background: var(--color-surface); border-color: rgba(255, 255, 255, 0.08); }
html[data-theme="dark"] .l-pipe-step { border-right-color: rgba(255, 255, 255, 0.06); }
html[data-theme="dark"] .l-pipe-step::after {
    background: var(--color-surface);
    border-color: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .l-pipe-meta { background: rgba(255, 255, 255, 0.08); }

html[data-theme="dark"] .l-extract-panel { background: var(--color-surface); border-color: rgba(255, 255, 255, 0.08); }
html[data-theme="dark"] .l-extract-head { background: rgba(255, 255, 255, 0.03); border-color: rgba(255, 255, 255, 0.06); }
html[data-theme="dark"] .l-extract-head .l-badge { background: rgba(255, 255, 255, 0.06); }
html[data-theme="dark"] .l-extract-raw { background: var(--color-surface); }
html[data-theme="dark"] .l-extract-raw .raw-tag  { color: #F87171; }
html[data-theme="dark"] .l-extract-raw .raw-attr { color: #FCD34D; }
html[data-theme="dark"] .l-extract-raw .raw-str  { color: #34D399; }
html[data-theme="dark"] .l-pricing-card { background: var(--color-surface); border-color: rgba(255, 255, 255, 0.08); }
html[data-theme="dark"] .l-pricing-card.is-feat { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); }
html[data-theme="dark"] .l-ticker { background: var(--color-surface); border-color: rgba(255, 255, 255, 0.08); }
html[data-theme="dark"] .l-ticker-head { background: rgba(255, 255, 255, 0.03); border-color: rgba(255, 255, 255, 0.06); }
html[data-theme="dark"] .l-ticker-row { border-color: rgba(255, 255, 255, 0.04); }
html[data-theme="dark"] .l-ticker-foot { background: rgba(255, 255, 255, 0.03); border-color: rgba(255, 255, 255, 0.06); }
html[data-theme="dark"] .l-headlines { background: var(--color-surface); border-color: rgba(255, 255, 255, 0.08); }
html[data-theme="dark"] .l-head-item { border-color: rgba(255, 255, 255, 0.06); }
html[data-theme="dark"] .l-head-meta-latency { background: rgba(74, 222, 128, 0.1); color: var(--color-status-live); }
html[data-theme="dark"] .l-head-actions { border-color: rgba(255, 255, 255, 0.08); }
html[data-theme="dark"] .l-head-actions code { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.08); }
html[data-theme="dark"] .l-head-langs span { background: rgba(255, 255, 255, 0.06); }

html[data-theme="dark"] .l-eeat-card { background: var(--color-surface); border-color: rgba(255, 255, 255, 0.08); }
html[data-theme="dark"] .l-eeat-status-line { border-color: rgba(255, 255, 255, 0.06); }
html[data-theme="dark"] .l-quota-card { background: var(--color-surface); border-color: rgba(255, 255, 255, 0.08); }
html[data-theme="dark"] .l-quota-card-pre { background: rgba(255, 255, 255, 0.03); border-color: rgba(255, 255, 255, 0.08); }
html[data-theme="dark"] .l-trust-list-dot { background: rgba(252, 211, 77, 0.5); }
html[data-theme="dark"] .l-trust-list-dot.is-green { background: rgba(74, 222, 128, 0.5); }
html[data-theme="dark"] .l-cta-bottom {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
}
html[data-theme="dark"] .l-cta-bottom h3 { color: var(--color-text); }
html[data-theme="dark"] .l-cta-bottom p { color: var(--color-text-muted); }

@media (prefers-color-scheme: dark) {
    html:not([data-theme="light"]) .l-section-soft { background: var(--bg-soft); }
    html:not([data-theme="light"]) .l-section-tint { background: var(--bg-tint); }
    html:not([data-theme="light"]) .l-badge {
        background: rgba(255, 255, 255, 0.06);
        color: var(--color-text-muted);
        border-color: rgba(255, 255, 255, 0.08);
    }
    html:not([data-theme="light"]) .l-badge-reg  { background: rgba(167, 139, 250, 0.12); color: var(--kind-reg); }
    html:not([data-theme="light"]) .l-badge-prov { background: rgba(96, 165, 250, 0.12); color: var(--kind-prov); }
    html:not([data-theme="light"]) .l-badge-live { background: rgba(74, 222, 128, 0.1); color: var(--color-status-live); }
    html:not([data-theme="light"]) .l-badge-live .l-badge-dot { background: var(--color-status-live); box-shadow: none; }
    html:not([data-theme="light"]) .l-chip { background: rgba(255, 255, 255, 0.06); color: var(--color-text-muted); }
    html:not([data-theme="light"]) .l-chip-active { background: var(--color-text); color: var(--color-surface); }
    html:not([data-theme="light"]) .l-chip-mono { background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.1); }
    html:not([data-theme="light"]) .l-params { border-color: rgba(255, 255, 255, 0.08); background: var(--color-surface); }
    html:not([data-theme="light"]) .l-params-row { border-color: rgba(255, 255, 255, 0.06); }
    html:not([data-theme="light"]) .l-params-name { background: rgba(255, 255, 255, 0.03); border-right-color: rgba(255, 255, 255, 0.06); }
    html:not([data-theme="light"]) .l-params-desc code { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.08); }
    html:not([data-theme="light"]) .l-inline-code { background: rgba(255, 255, 255, 0.08); color: var(--color-text); }
    html:not([data-theme="light"]) .l-inline-code-light { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); }

    html:not([data-theme="light"]) .l-stat-card { background: var(--color-surface); border-color: rgba(255, 255, 255, 0.08); }
    html:not([data-theme="light"]) .l-sources-grid { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.06); }
    html:not([data-theme="light"]) .l-source-card { background: var(--color-surface); }
    html:not([data-theme="light"]) .l-sources-wall { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.06); }
    html:not([data-theme="light"]) .l-sources-wall-cell { background: var(--color-surface); }
    html:not([data-theme="light"]) .l-source-mark { background: rgba(255, 255, 255, 0.08); }
    html:not([data-theme="light"]) .l-pipeline { background: var(--color-surface); border-color: rgba(255, 255, 255, 0.08); }
    html:not([data-theme="light"]) .l-pipe-step { border-right-color: rgba(255, 255, 255, 0.06); }
    html:not([data-theme="light"]) .l-pipe-step::after {
        background: var(--color-surface);
        border-color: rgba(255, 255, 255, 0.08);
    }
    html:not([data-theme="light"]) .l-pipe-meta { background: rgba(255, 255, 255, 0.08); }

    html:not([data-theme="light"]) .l-extract-panel { background: var(--color-surface); border-color: rgba(255, 255, 255, 0.08); }
    html:not([data-theme="light"]) .l-extract-head { background: rgba(255, 255, 255, 0.03); border-color: rgba(255, 255, 255, 0.06); }
    html:not([data-theme="light"]) .l-extract-head .l-badge { background: rgba(255, 255, 255, 0.06); }
    html:not([data-theme="light"]) .l-extract-raw { background: var(--color-surface); }
    html:not([data-theme="light"]) .l-extract-raw .raw-tag  { color: #F87171; }
    html:not([data-theme="light"]) .l-extract-raw .raw-attr { color: #FCD34D; }
    html:not([data-theme="light"]) .l-extract-raw .raw-str  { color: #34D399; }
    html:not([data-theme="light"]) .l-pricing-card { background: var(--color-surface); border-color: rgba(255, 255, 255, 0.08); }
    html:not([data-theme="light"]) .l-pricing-card.is-feat { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); }
    html:not([data-theme="light"]) .l-ticker { background: var(--color-surface); border-color: rgba(255, 255, 255, 0.08); }
    html:not([data-theme="light"]) .l-ticker-head { background: rgba(255, 255, 255, 0.03); border-color: rgba(255, 255, 255, 0.06); }
    html:not([data-theme="light"]) .l-ticker-row { border-color: rgba(255, 255, 255, 0.04); }
    html:not([data-theme="light"]) .l-ticker-foot { background: rgba(255, 255, 255, 0.03); border-color: rgba(255, 255, 255, 0.06); }
    html:not([data-theme="light"]) .l-headlines { background: var(--color-surface); border-color: rgba(255, 255, 255, 0.08); }
    html:not([data-theme="light"]) .l-head-item { border-color: rgba(255, 255, 255, 0.06); }
    html:not([data-theme="light"]) .l-head-meta-latency { background: rgba(74, 222, 128, 0.1); color: var(--color-status-live); }
    html:not([data-theme="light"]) .l-head-actions { border-color: rgba(255, 255, 255, 0.08); }
    html:not([data-theme="light"]) .l-head-actions code { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.08); }
    html:not([data-theme="light"]) .l-head-langs span { background: rgba(255, 255, 255, 0.06); }

    html:not([data-theme="light"]) .l-eeat-card { background: var(--color-surface); border-color: rgba(255, 255, 255, 0.08); }
    html:not([data-theme="light"]) .l-eeat-status-line { border-color: rgba(255, 255, 255, 0.06); }
    html:not([data-theme="light"]) .l-quota-card { background: var(--color-surface); border-color: rgba(255, 255, 255, 0.08); }
    html:not([data-theme="light"]) .l-quota-card-pre { background: rgba(255, 255, 255, 0.03); border-color: rgba(255, 255, 255, 0.08); }
    html:not([data-theme="light"]) .l-trust-list-dot { background: rgba(252, 211, 77, 0.5); }
    html:not([data-theme="light"]) .l-trust-list-dot.is-green { background: rgba(74, 222, 128, 0.5); }
    html:not([data-theme="light"]) .l-cta-bottom {
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.12);
    }
    html:not([data-theme="light"]) .l-cta-bottom h3 { color: var(--color-text); }
    html:not([data-theme="light"]) .l-cta-bottom p { color: var(--color-text-muted); }
}