:root,[data-theme=light]{--nav-color: #ffffff;--bg-app: #FAF5FF;--bg-card: #FFFFFF;--bg-card-border: #E5E7EB;--bg-card-hover: #FEFBFF;--text-primary: #1E1B4B;--text-secondary: #6B7280;--text-muted: #9CA3AF;--input-bg: #FFFFFF;--input-border: #E5E7EB;--input-focus-border: #8B5CF6;--input-focus-ring: rgba(139, 92, 246, .1);--navbar-shadow: 0 4px 20px rgba(124, 58, 237, .25);--card-shadow: 0 2px 8px rgba(0, 0, 0, .04);--footer-bg: #1E1B4B;--footer-text: rgba(255, 255, 255, .7);--level-btn-bg: white;--level-btn-border: #E5E7EB;--level-btn-hover-border: #C4B5FD;--level-btn-hover-bg: #FAF5FF;--level-btn-selected-border: #8B5CF6;--level-btn-selected-bg: linear-gradient(135deg, #F5F3FF, #FDF2F8);--level-btn-selected-shadow: 0 2px 8px rgba(139, 92, 246, .2);--level-btn-text: #6B7280;--level-btn-selected-text: #6D28D9}[data-theme=dark]{--nav-color: #1a1730;--bg-app: #0c0a1a;--bg-card: rgba(255, 255, 255, .03);--bg-card-border: rgba(139, 92, 246, .25);--bg-card-hover: rgba(139, 92, 246, .03);--text-primary: #ffffff;--text-secondary: #c4bde0;--text-muted: rgba(224, 212, 255, .55);--input-bg: rgba(255, 255, 255, .03);--input-border: rgba(139, 92, 246, .25);--input-focus-border: rgba(139, 92, 246, .5);--input-focus-ring: rgba(139, 92, 246, .08);--navbar-shadow: 0 4px 30px rgba(124, 58, 237, .3);--card-shadow: none;--footer-bg: rgba(0, 0, 0, .3);--footer-text: rgba(224, 212, 255, .4);--level-btn-bg: rgba(139, 92, 246, .04);--level-btn-border: rgba(139, 92, 246, .25);--level-btn-hover-border: rgba(139, 92, 246, .45);--level-btn-hover-bg: rgba(139, 92, 246, .08);--level-btn-selected-border: rgba(139, 92, 246, .7);--level-btn-selected-bg: linear-gradient(135deg, rgba(139, 92, 246, .18), rgba(236, 72, 153, .12));--level-btn-selected-shadow: 0 0 30px rgba(139, 92, 246, .3), 0 0 60px rgba(139, 92, 246, .1), 0 4px 12px rgba(139, 92, 246, .2);--level-btn-text: #ffffff;--level-btn-selected-text: #ffffff}