:root {
    --app-accent: #4f46e5;
    --app-bg: #f8fafc;
    --app-text: #0f172a;
    --app-muted: #475569;
    --app-card-bg: #ffffff;
    --app-border: #cbd5e1;
    --app-topbar-bg: #ffffff;
    --app-input-bg: #ffffff;
}

.theme-dark {
    --app-bg: #020617;
    --app-text: #f8fafc;
    --app-muted: #cbd5e1;
    --app-card-bg: #0f172a;
    --app-border: #334155;
    --app-topbar-bg: #020617;
    --app-input-bg: #111827;
}

@media (prefers-color-scheme: dark) {
    .theme-system {
        --app-bg: #020617;
        --app-text: #f8fafc;
        --app-muted: #cbd5e1;
        --app-card-bg: #0f172a;
        --app-border: #334155;
        --app-topbar-bg: #020617;
        --app-input-bg: #111827;
    }
}