:root {
    --app-primary: #7c3aed;
    --app-secondary: #4f46e5;
    --app-accent: #10b981;
    --app-background: #080b14;
    --app-surface: #0f1424;
    --app-text: #f8fafc;
}

body { background-color: var(--app-background) !important; color: var(--app-text); }
.bg-purple-600, .bg-purple-500 { background-color: var(--app-primary) !important; }
.bg-indigo-600, .bg-indigo-500 { background-color: var(--app-secondary) !important; }
.text-purple-400, .text-purple-300 { color: var(--app-primary) !important; }
.text-emerald-400, .text-emerald-300 { color: var(--app-accent) !important; }
.bg-emerald-600, .bg-emerald-500 { background-color: var(--app-accent) !important; }
.border-purple-500\/30, .border-purple-500\/40 { border-color: var(--app-primary) !important; }
.border-emerald-500\/30, .border-emerald-500\/40 { border-color: var(--app-accent) !important; }
.glow-purple { box-shadow: 0 0 35px -5px color-mix(in srgb, var(--app-primary) 45%, transparent); }