:root {
    /* Color Palette */
    --bg: #0f1425;
    --bg-soft: #1a2036;
    --card: #1e253f;
    --text: #f6f9ff;
    --muted: #f0f0f0;
    --primary: #6366f1;
    --primary-dark: #4f46e5;
    --accent: #ec4899;
    --secondary: #0ea5e9;
    --success: #10b981;
    --warning: #f59e0b;
    --error: #ef4444;
    --border: rgba(255, 255, 255, 0.1);
    --shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
    --radius: 16px;
    --radius-sm: 8px;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.light {
    --bg: #f8fafc;
    --bg-soft: #f1f5f9;
    --card: #ffffff;
    --text: #9c59cc;
    --muted: #64748b;
    --border: rgba(0, 0, 0, 0.08);
    --shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}