/**
 * Meetgle Theme: Default (Pink/Purple)
 * This is your current color scheme - pink and purple gradients
 */

:root {
    /* Primary button colors */
    --theme-button-primary: #EC4899;
    --theme-button-primary-hover: #A855F7;
    --theme-button-primary-active: #EC4899;
    
    /* Primary gradient (used for buttons and small elements) */
    --theme-gradient-primary: linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);
    
    /* Gradient definitions */
    --theme-gradient-pink: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    --theme-gradient-pink-hover: linear-gradient(135deg, #e080ea 0%, #e4465b 100%);
    --theme-gradient-pink-active: linear-gradient(135deg, #d070da 0%, #d3354a 100%);
    
    --theme-gradient-purple: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --theme-gradient-purple-hover: linear-gradient(135deg, #556dd9 0%, #653a91 100%);
    --theme-gradient-purple-active: linear-gradient(135deg, #445cc8 0%, #542980 100%);
    
    /* Background gradients */
    --theme-gradient-dark: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    --theme-gradient-dark-alt: linear-gradient(135deg, #0F0F0F 0%, #16213e 100%);
    
    /* Radial gradient overlays (for sparkle container) */
    --theme-radial-overlay-1: radial-gradient(circle at 30% 40%, rgba(236, 72, 153, 0.15) 0%, transparent 50%);
    --theme-radial-overlay-2: radial-gradient(circle at 70% 60%, rgba(168, 85, 247, 0.12) 0%, transparent 50%);
    
    /* Text gradient (for count number) */
    --theme-text-gradient: linear-gradient(135deg, #EC4899, #A855F7);
    
    /* Modal/Leaderboard gradient */
    --theme-modal-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    
    /* Modal header gradient (3-color gradient for notifications, transactions, etc) */
    --theme-modal-header-gradient: linear-gradient(135deg, #ec4899 0%, #8b5cf6 50%, #3b82f6 100%);
    
    /* Store modal background (purple gradient) */
    --theme-store-modal-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    
    /* Store price badge gradient */
    --theme-store-price-gradient: linear-gradient(135deg, #EC4899 0%, #F472B6 100%);
    
    /* Modal shadow color */
    --theme-modal-shadow: rgba(245, 87, 108, 0.5);
}