/**
 * Meetgle Theme: Orange
 * Warm orange and amber gradients
 */

:root {
    /* Primary button colors */
    --theme-button-primary: #FF6B35;
    --theme-button-primary-hover: #F7931E;
    --theme-button-primary-active: #FF6B35;
    
    /* Primary gradient (used for buttons and small elements) */
    --theme-gradient-primary: linear-gradient(135deg, #FF6B35 0%, #FF8C00 100%);
    
    /* Glow animation colors (for profile pill) */
    --theme-glow-color-1: rgba(255, 107, 53, 0.8);
    --theme-glow-color-1-transparent: rgba(255, 107, 53, 0);
    --theme-glow-color-2: rgba(255, 140, 0, 0.8);
    --theme-glow-color-2-transparent: rgba(255, 140, 0, 0);
    
    /* Gradient definitions */
    --theme-gradient-pink: linear-gradient(135deg, #FF8C42 0%, #FF6B35 100%);
    --theme-gradient-pink-hover: linear-gradient(135deg, #F7931E 0%, #F56D28 100%);
    --theme-gradient-pink-active: linear-gradient(135deg, #E67E0F 0%, #E45B1A 100%);
    
    --theme-gradient-purple: linear-gradient(135deg, #FFA500 0%, #FF8C00 100%);
    --theme-gradient-purple-hover: linear-gradient(135deg, #FF9500 0%, #FF7A00 100%);
    --theme-gradient-purple-active: linear-gradient(135deg, #F58500 0%, #F56800 100%);
    
    /* Background gradients */
    --theme-gradient-dark: linear-gradient(135deg, #2d1810 0%, #3d2010 100%);
    --theme-gradient-dark-alt: linear-gradient(135deg, #1a0f08 0%, #3d2010 100%);
    
    /* Radial gradient overlays (for sparkle container) */
    --theme-radial-overlay-1: radial-gradient(circle at 30% 40%, rgba(255, 107, 53, 0.15) 0%, transparent 50%);
    --theme-radial-overlay-2: radial-gradient(circle at 70% 60%, rgba(255, 140, 0, 0.12) 0%, transparent 50%);
    
    /* Text gradient (for count number) */
    --theme-text-gradient: linear-gradient(135deg, #FF6B35, #FFA500);
    
    /* Modal/Leaderboard gradient */
    --theme-modal-gradient: linear-gradient(135deg, #FF8C42 0%, #FF6B35 100%);
    
    /* Modal header gradient (3-color gradient for notifications, transactions, etc) */
    --theme-modal-header-gradient: linear-gradient(135deg, #FF6B35 0%, #FF8C00 50%, #FFA500 100%);
    
    /* Store modal background (orange gradient) */
    --theme-store-modal-bg: linear-gradient(135deg, #FF8C00 0%, #FF6B35 100%);
    
    /* Store price badge gradient */
    --theme-store-price-gradient: linear-gradient(135deg, #FF6B35 0%, #FF8C42 100%);
    
    /* Modal shadow color */
    --theme-modal-shadow: rgba(255, 107, 53, 0.5);
}