html.dark-mode,
[data-theme="dark"],
[data-bs-theme="dark"] {
    --erp-bg: #0B1324;
    --erp-bg-gradient: radial-gradient(circle at top right, rgba(24, 191, 216, 0.07), transparent 38%), linear-gradient(135deg, #0B1324 0%, #101C31 55%, #0D2532 100%);
    --erp-surface: #162338;
    --erp-surface-2: #0F172A;
    --erp-surface-alt: #101B2D;
    --erp-card: #182840;
    --erp-sidebar-bg: #0A1B32;
    --erp-topbar-bg: #0F172A;
    --erp-text: #F8FAFC;
    --erp-text-secondary: #94A3B8;
    --erp-muted: #64748B;
    --erp-border: rgba(148, 163, 184, 0.15);
    --erp-border-subtle: rgba(148, 163, 184, 0.08);
    --erp-shadow: 0 10px 30px rgba(0, 0, 0, 0.20);
    --erp-shadow-soft: 0 8px 25px rgba(0, 0, 0, 0.16);
}

html.dark-mode body,
[data-theme="dark"] body {
    background: radial-gradient(circle at top right, rgba(24, 191, 216, 0.07), transparent 38%), linear-gradient(135deg, #0B1324 0%, #101C31 55%, #0D2532 100%);
    background-attachment: fixed;
    color: var(--erp-text);
}

html.dark-mode .form-label,
[data-theme="dark"] .form-label { 
    color: #94A3B8; 
}

html.dark-mode .btn-light, 
html.dark-mode .dropdown-menu, 
html.dark-mode .modal-content,
[data-theme="dark"] .btn-light,
[data-theme="dark"] .dropdown-menu,
[data-theme="dark"] .modal-content { 
    background: var(--erp-surface); 
    color: var(--erp-text); 
    border-color: var(--erp-border); 
}

html.dark-mode .table,
[data-theme="dark"] .table { 
    --bs-table-color: var(--erp-text); 
    --bs-table-bg: transparent; 
}