.dashboard-theme {
    --font-family-base: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    --color-primary: #2563eb;
    --color-secondary: #0f172a;
    --color-accent: #eff6ff;
    --color-bg: #f8fafc;
    --color-surface: #ffffff;
    --color-surface-muted: #f1f5f9;
    --color-text: #0f172a;
    --color-text-muted: #64748b;
    --color-border: #dbe4f0;
    --sidebar-width: 280px;
    --button-radius: var(--radius-md);
    background: var(--color-bg);
    color: var(--color-text);
    font-family: var(--font-family-base);
}

@media (prefers-color-scheme: dark) {
    .dashboard-theme:not(.theme-manual-light) {
        --color-bg: #0b1220;
        --color-surface: #111b2e;
        --color-surface-muted: #172338;
        --color-text: #e2e8f0;
        --color-text-muted: #94a3b8;
        --color-border: rgba(148, 163, 184, .18);
    }
}

.dashboard-theme.dark-mode {
    --color-bg: #0b1220;
    --color-surface: #111b2e;
    --color-surface-muted: #172338;
    --color-text: #e2e8f0;
    --color-text-muted: #94a3b8;
    --color-border: rgba(148, 163, 184, .18);
    color-scheme: dark;
}

.dashboard-theme .dashboard-shell,
.dashboard-theme .dashboard-sidebar,
.dashboard-theme .dashboard-card,
.dashboard-theme .dashboard-topbar {
    background: var(--color-surface);
    color: var(--color-text);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
}