/* ===== VARIÁVEIS GLOBAIS VSL - CELESTINO ===== */
/* Identidade Visual Única - Paleta Celestial */
:root {
    /* Cores Principais */
    --primary: #667eea;
    --secondary: #f093fb;
    --accent: #4facfe;
    --gold: #ffecd2;
    --orange-gradient: #ff6b35;
    --dark: #0f0f23;
    --dark-bg: #0c0a09;
    --dark-purple: linear-gradient(135deg, #2c1a4d, #1a1a2e);
    --light: #ffffff;
    --light-purple: #f0e6ff;
    --light-gray: #f0f0f0;
    --medium-gray: #ccc;
    --dark-gray: #333;
    
    /* Efeitos de Vidro */
    --glass: rgba(255, 255, 255, 0.1);
    --glass-bg: rgba(255, 255, 255, 0.05);
    --glass-border: rgba(255, 255, 255, 0.2);
    --glass-purple: rgba(155, 89, 182, 0.1);
    --glass-dark: rgba(30, 20, 60, 0.8);
    --glass-quote: rgba(40, 25, 70, 0.4);
    
    /* Sombras */
    --shadow-soft: 0 8px 32px rgba(31, 38, 135, 0.37);
    --shadow-glow: 0 0 40px rgba(102, 126, 234, 0.3);
    
    /* Border Radius */
    --border-radius: 20px;
    --border-radius-small: 12px;
    
    /* Efeitos de Blur */
    --glass-blur-light: blur(10px);
    --glass-blur-medium: blur(15px);
    --glass-blur-heavy: blur(20px);
    
    /* Sistema de Espaçamentos Responsivos */
    --spacing-xs: clamp(8px, 2vw, 12px);
    --spacing-sm: clamp(15px, 3vw, 20px);
    --spacing-md: clamp(20px, 4vw, 30px);
    --spacing-lg: clamp(30px, 5vw, 40px);
    --spacing-xl: clamp(40px, 6vw, 60px);
    --spacing-xxl: clamp(60px, 8vw, 80px);
    
    /* Cores de Texto */
    --text-primary: #ffffff;
    --text-secondary: #f0e6ff;
    --text-accent: #d1c4e9;
    --text-purple: #a855f7;
    --text-light-purple: #e0d4ff;
    --text-soft-purple: #c4a7e7;
    --text-medium-purple: #d4c4f0;
    --text-muted: #a37acc;
    --text-warning: #ffc107;
    
    /* Cores dos Ícones - Paleta Harmoniosa */
    --whatsapp: #00d4aa;
    --circle: #ff6b9d;
    --tarot: #c471ed;
    --audio: #4facfe;
    --prayers: #ffa726;
    --secret: #ff6b9d;
    
    /* Tipografia */
    --font-primary: 'Lato', sans-serif;
    --font-heading: 'Cinzel', serif;
    --font-accent: 'Poppins', sans-serif;
    
    /* Transições */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
    --transition-bounce: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* Z-index */
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --z-toast: 1080;
    
    /* Breakpoints (para uso em clamp) */
    --mobile-max: 414px;
    --tablet-max: 768px;
    --desktop-min: 1024px;
}