:root {
            --primary-color: #667eea;
            --secondary-color: #764ba2;
            --background-color: #ffffff;
            --text-color: #333333;
            --font-family: 'Inter', sans-serif;
            --font-size: 16px;
            --border-radius: 12px;
            --animation-speed: 0.3s;
        }

        body {
            font-family: var(--font-family);
            font-size: var(--font-size);
            color: var(--text-color);
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        }

        .card {
            border-radius: var(--border-radius);
            transition: all var(--animation-speed) ease;
            
                background: rgba(255, 255, 255, 0.95);
                border: 1px solid rgba(0, 0, 0, 0.1);
            
        }

        .btn-primary {
            background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
            border: none;
            border-radius: var(--border-radius);
            transition: all var(--animation-speed) ease;
        }

        .theme-option.active {
            background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
        }