html {
    color-scheme: light;
}

html[data-theme="dark"] {
    color-scheme: dark;
}

html[data-theme="dark"] body {
    background: #09111f;
    color: #e5e7eb;
}

html[data-theme="dark"] .main {
    background: #09111f;
}

html[data-theme="dark"] .stat,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .agent-card,
html[data-theme="dark"] .integration-card,
html[data-theme="dark"] .placeholder,
html[data-theme="dark"] .empty,
html[data-theme="dark"] .modal,
html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .knowledge-space {
    background: #111827;
    color: #e5e7eb;
    border-color: #263449;
}

html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] .secondary {
    background: #0f172a;
    color: #e5e7eb;
    border-color: #334155;
}

html[data-theme="dark"] .muted,
html[data-theme="dark"] .knowledge-space-meta,
html[data-theme="dark"] .document-status {
    color: #94a3b8;
}

html[data-theme="dark"] .check-card,
html[data-theme="dark"] .permission-box {
    background: #0f172a;
    border-color: #334155;
}

html[data-theme="dark"] .check-card.disabled {
    background: #172033;
}

html[data-theme="dark"] .tabs,
html[data-theme="dark"] .form-actions {
    border-color: #334155;
}

html[data-theme="dark"] .tab {
    color: #94a3b8;
}

html[data-theme="dark"] .tab.active {
    color: #fff;
    border-bottom-color: #fff;
}

.theme-toggle {
    margin-right: 8px;
}