:root {
    --font: 'Cairo', system-ui, -apple-system, 'Segoe UI', Tahoma, Arial;
    --bg1: #0b1220;
    --bg2: #0f1b33;
    --text: #e8eefc;
    --muted: #b8c4e6;
    --primary: #4f7cff;
    --accent: #ffd24a;
    --card: rgba(255,255,255,.06);
    --border: rgba(255,255,255,.10);
}

body {
    background: radial-gradient(1200px 600px at 80% 10%, rgba(79,124,255,.25), transparent 60%), radial-gradient(900px 500px at 10% 30%, rgba(255,210,74,.16), transparent 65%), linear-gradient(180deg, var(--bg1), var(--bg2));
    color: var(--text);

}

.navbar {
    background: rgba(0,0,0,.55) !important;
    backdrop-filter: blur(10px);
}

.card, .ui-card {
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
}

.btn-primary {
    background: var(--primary);
    border-color: var(--primary);
}

.text-muted {
    color: var(--muted) !important;
}