:root {
            --primary-color: #4CAF50;
            --secondary-color: #2196F3;
            --accent-color: #FF9800;
            --background-light: #f8f9fa;
            --background-dark: #121212;
            --text-light: #333333;
            --text-dark: #ffffff;
            --card-light: #ffffff;
            --card-dark: #1e1e1e;
            --border-light: #e0e0e0;
            --border-dark: #333333;
            
            --animation-duration: 0.5s;
            --bounce-animation: bounce 2s infinite;
            
            --font-main: 'Roboto', sans-serif;
            --font-heading: 'Montserrat', sans-serif;
            
            --section-padding: 80px;
            --container-padding: 20px;
            
            --border-radius: 12px;
            --box-shadow: 0 8px 30px rgba(0,0,0,0.12);
            --box-shadow-hover: 0 12px 40px rgba(0,0,0,0.15);
            --glow-effect: 0 0 15px rgba(76, 175, 80, 0.6);
            
            --cursor-size: 10px;
            --cursor-glow-size: 10px;
            --cursor-glow-intensity: 0.6;
            --cursor-color: rgba(76, 175, 80, 0.8);
        }

        [data-theme="light"] {
            --background: var(--background-light);
            --text: var(--text-light);
            --card: var(--card-light);
            --border: var(--border-light);
            --cursor-color: rgba(33, 150, 243, 0.8);
        }

        [data-theme="dark"] {
            --background: var(--background-dark);
            --text: var(--text-dark);
            --card: var(--card-dark);
            --border: var(--border-dark);
        }