/**
 * Meetgle Theme: Chathub
 * Vibrant blue and purple gradients
 */

:root {
    /* Primary button colors */
    --theme-button-primary: #41b0ff;
    --theme-button-primary-hover: #5dbdff;
    --theme-button-primary-active: #41b0ff;
    
    /* Primary gradient (used for buttons and small elements) */
    --theme-gradient-primary: linear-gradient(135deg, #41b0ff 0%, #8e48ff 100%);
    
    /* Gradient definitions */
    --theme-gradient-pink: linear-gradient(135deg, #5dbdff 0%, #41b0ff 100%);
    --theme-gradient-pink-hover: linear-gradient(135deg, #7ac9ff 0%, #5dbdff 100%);
    --theme-gradient-pink-active: linear-gradient(135deg, #41b0ff 0%, #2a9ee5 100%);
    
    --theme-gradient-purple: linear-gradient(135deg, #8e48ff 0%, #6e28df 100%);
    --theme-gradient-purple-hover: linear-gradient(135deg, #a565ff 0%, #8e48ff 100%);
    --theme-gradient-purple-active: linear-gradient(135deg, #7a38ef 0%, #5e18cf 100%);
    
    /* Background gradients */
    --theme-gradient-dark: linear-gradient(135deg, #0f1420 0%, #1a1535 100%);
    --theme-gradient-dark-alt: linear-gradient(135deg, #080a15 0%, #1a1535 100%);
    
    /* Radial gradient overlays (for sparkle container) */
    --theme-radial-overlay-1: radial-gradient(circle at 30% 40%, rgba(65, 176, 255, 0.15) 0%, transparent 50%);
    --theme-radial-overlay-2: radial-gradient(circle at 70% 60%, rgba(142, 72, 255, 0.12) 0%, transparent 50%);
    
    /* Text gradient (for count number) */
    --theme-text-gradient: linear-gradient(135deg, #41b0ff, #8e48ff);
    
    /* Modal/Leaderboard gradient */
    --theme-modal-gradient: linear-gradient(135deg, #5dbdff 0%, #8e48ff 100%);
    
    /* Modal header gradient (3-color gradient for notifications, transactions, etc) */
    --theme-modal-header-gradient: linear-gradient(135deg, #41b0ff 0%, #6d7cff 50%, #8e48ff 100%);
    
    /* Store modal background (chathub gradient) */
    --theme-store-modal-bg: linear-gradient(135deg, #41b0ff 0%, #8e48ff 100%);
    
    /* Store price badge gradient */
    --theme-store-price-gradient: linear-gradient(135deg, #41b0ff 0%, #5dbdff 100%);
    
    /* Modal shadow color */
    --theme-modal-shadow: rgba(65, 176, 255, 0.5);
}