/* Fonts are now preloaded in the HTML head for better performance */

:root {
    /* Color Palette - Premium White & Violet */
    --bg-dark: #f7f6fb;
    --bg-surface: #ffffff;
    --bg-surface-glass: rgba(255, 255, 255, 0.85);
    --border-color: rgba(109, 40, 217, 0.08);
    --border-gold-glow: rgba(109, 40, 217, 0.15);
    
    /* Premium Violet Tones (Mapped to variables for retro-compatibility) */
    --gold-primary: #7c3aed;
    --gold-hover: #6d28d9;
    --gold-light: #ddd6fe;
    --gold-dark: #5b21b6;
    --gold-glow: rgba(124, 58, 237, 0.2);
    --gold-glow-subtle: rgba(124, 58, 237, 0.05);
    
    /* Text Colors */
    --text-primary: #12121f;
    --text-secondary: #4a4a68;
    --text-muted: #8080a3;
    --text-gold: #6d28d9;
    
    /* Functional Colors */
    --success: #10b981;
    --success-glow: rgba(16, 185, 129, 0.1);
    --warning: #f59e0b;
    --warning-glow: rgba(245, 158, 11, 0.1);
    --danger: #ef4444;
    --danger-glow: rgba(239, 68, 68, 0.1);
    --info: #3b82f6;
    --info-glow: rgba(59, 130, 246, 0.1);

    /* Fonts */
    --font-heading: 'Playfair Display', serif;
    --font-body: 'Outfit', sans-serif;
    
    /* Glassmorphism Styles (Optimized for Light Theme) */
    --glass-bg: rgba(255, 255, 255, 0.65);
    --glass-bg-hover: rgba(255, 255, 255, 0.95);
    --glass-border: rgba(109, 40, 217, 0.08);
    --glass-border-hover: rgba(109, 40, 217, 0.25);
    --glass-border-gold: rgba(109, 40, 217, 0.1);
    --glass-border-gold-hover: rgba(109, 40, 217, 0.35);
    --glass-shadow: 0 8px 32px 0 rgba(109, 40, 217, 0.06);
    --glass-blur: blur(12px);
    
    /* Borders & Rounding */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 30px;
    --radius-full: 9999px;
    
    /* Transitions */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* Width constraints */
    --max-width: 1280px;
}