/* ===== Dark Theme (Optional) ===== */ /* To enable dark theme, add class="dark" to and include this CSS */ /* body.dark { --primary: #6366f1; --primary-dark: #4f46e5; --primary-light: #818cf8; --accent: #22d3ee; --accent-2: #fbbf24; --bg: #0f172a; --bg-2: #1e293b; --bg-card: #1e293b; --bg-card-hover: #334155; --text: #f1f5f9; --text-secondary: #94a3b8; --text-muted: #64748b; --border: #334155; --shadow-sm: 0 1px 2px rgba(0,0,0,0.3); --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.4), 0 2px 4px -2px rgba(0,0,0,0.3); --shadow-lg: 0 10px 25px -5px rgba(99,102,241,0.2), 0 8px 10px -6px rgba(99,102,241,0.15); --shadow-xl: 0 20px 50px -12px rgba(99,102,241,0.25); } */