:root {
    --bg: #f5f7fb;
    --surface: #ffffff;
    --surface-2: #eef2ff;
    --text: #0e1b33;
    --muted: #667085;
    --border: rgba(14, 27, 51, 0.08);
    --primary: #8b5cf6;
    --secondary: #ec4899;
    --accent: #22c55e;
    --shadow: 0 18px 45px rgba(14, 27, 51, 0.08);
}

body.theme-dark {
    --bg: #061224;
    --surface: #0b1931;
    --surface-2: #102241;
    --text: #f8fafc;
    --muted: #c7d2e0;
    --border: rgba(255, 255, 255, 0.08);
    --shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
}