:root {
    /* Fonts */
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;

    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 8rem;

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
}

/* Dark Theme (Default) */
.theme-dark {
    --bg-body: #0a0e27;
    --bg-card: rgba(255, 255, 255, 0.05);
    --bg-glass: rgba(10, 14, 39, 0.7);
    
    --color-primary: #00f0ff;
    --color-primary-glow: rgba(0, 240, 255, 0.5);
    --color-secondary: #ff00ff;
    --color-secondary-glow: rgba(255, 0, 255, 0.5);
    --color-accent: #39ff14;
    
    --text-main: #ffffff;
    --text-muted: #a0a0a0;
    
    --border-color: rgba(255, 255, 255, 0.1);
    --shadow-neon: 0 0 10px var(--color-primary-glow), 0 0 20px var(--color-primary-glow);
}

/* Light Theme */
.theme-light {
    --bg-body: #f0f2f5;
    --bg-card: #ffffff;
    --bg-glass: rgba(255, 255, 255, 0.8);
    
    --color-primary: #00bcd4;
    --color-primary-glow: rgba(0, 188, 212, 0.3);
    --color-secondary: #e91e63;
    --color-secondary-glow: rgba(233, 30, 99, 0.3);
    --color-accent: #4caf50;
    
    --text-main: #1a1a1a;
    --text-muted: #666666;
    
    --border-color: rgba(0, 0, 0, 0.05);
    --shadow-neon: 0 5px 15px rgba(0, 0, 0, 0.1);
}