:root {
    --sge-bg: #f4f6fb;
    --sge-card: #ffffff;
    --sge-text: #1f2937;
    --sge-text-muted: #6b7280;
    --sge-border: #e5e7eb;
    --sge-primary: #0d6efd;
    --sge-sidebar-bg: #111827;
    --sge-sidebar-text: #e5e7eb;
    --sge-sidebar-active: #1f2937;
    --sge-input-bg: #ffffff;
    --sge-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
}

:root[data-theme="dark"] {
    --sge-bg: #0f172a;
    --sge-card: #1e293b;
    --sge-text: #e5e7eb;
    --sge-text-muted: #9ca3af;
    --sge-border: #334155;
    --sge-primary: #60a5fa;
    --sge-sidebar-bg: #0b1220;
    --sge-sidebar-text: #cbd5e1;
    --sge-sidebar-active: #1e293b;
    --sge-input-bg: #1e293b;
    --sge-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}

:root[data-theme="dark"] body,
:root[data-theme="dark"] .sge-body {
    background: var(--sge-bg);
    color: var(--sge-text);
}

:root[data-theme="dark"] .sge-card,
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .modal-content,
:root[data-theme="dark"] .dropdown-menu {
    background: var(--sge-card);
    color: var(--sge-text);
    border-color: var(--sge-border);
}

:root[data-theme="dark"] .form-control,
:root[data-theme="dark"] .form-select,
:root[data-theme="dark"] .sge-input {
    background: var(--sge-input-bg);
    color: var(--sge-text);
    border-color: var(--sge-border);
}

:root[data-theme="dark"] .text-muted { color: var(--sge-text-muted) !important; }

:root[data-theme="dark"] .table { color: var(--sge-text); }
:root[data-theme="dark"] .table > :not(caption) > * > * {
    background-color: transparent;
    border-color: var(--sge-border);
    color: var(--sge-text);
}

:root[data-theme="dark"] .sge-topbar { background: var(--sge-card); border-color: var(--sge-border); }

.sge-theme-icon-light { display: none; }
.sge-theme-icon-dark { display: inline; }
:root[data-theme="dark"] .sge-theme-icon-light { display: inline; }
:root[data-theme="dark"] .sge-theme-icon-dark { display: none; }