:root {
            /* Light Theme */
            --bg-primary: #E4E9F7;
            --bg-secondary: #ffffff;
            --bg-sidebar: linear-gradient(180deg, #11101D 0%, #1d1b31 100%);
            --text-primary: #11101d;
            --text-secondary: #666;
            --text-white: #ffffff;
            --accent-primary: linear-gradient(135deg, #667eea, #764ba2);
            --accent-hover: linear-gradient(135deg, #5a6fd8, #6a4190);
            --border-color: #ddd;
            --shadow-light: 0 2px 10px rgba(0,0,0,0.1);
            --shadow-medium: 0 4px 20px rgba(0,0,0,0.15);
            --shadow-heavy: 0 8px 30px rgba(0,0,0,0.2);
        }