:root {
    /* Colors */
    --primary-color: #4A76EE;
    --primary-color-rgb: 74, 118, 238;
    --background-color: #ffffff;
    --text-color: #333333;
    --link-color: #4A76EE;
    
    /* Glass effect variables */
    --glass-bg: rgba(255, 255, 255, 0.8);
    --glass-border: rgba(255, 255, 255, 0.2);
    --glass-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    
    /* Font families */
    --font-logo: 'Dancing Script', cursive;
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Quicksand', sans-serif;
    --font-mono: 'Courier New', monospace;
}

/* Dark theme variables */
[data-theme='dark'] {
    --background-color: #1a1a1a;
    --text-color: #ffffff;
    --glass-bg: rgba(0, 0, 0, 0.8);
    --glass-border: rgba(255, 255, 255, 0.1);
}