/* ========================================
   BOLD & ENERGETIC COLOR PALETTES
   Vibrant, saturated, high-impact colors
   ======================================== */

/* Nutra Muscle - Electric Blue & Neon Orange */
.nutra_muscle-text-primary { color: #0066FF; }
.nutra_muscle-text-secondary { color: #FF6B00; }
.nutra_muscle-text-tertiary { color: #FFFFFF; }
.nutra_muscle-bg { background-color: #0066FF; }
.nutra_muscle-bg-gradient { background: linear-gradient(135deg, #0066FF 0%, #00D4FF 50%, #FF6B00 100%); }
.nutra_muscle-bg-secondary { background-color: #FF6B00; }
.nutra_muscle-accent { color: #00D4FF; }
.nutra_muscle-hover:hover { color: #0052CC; }
.nutra_muscle-border { border-color: #0066FF; }

/* Nutra Keto - Lime Green & Deep Purple */
.nutra_keto-text-primary { color: #7C3AED; }
.nutra_keto-text-secondary { color: #84CC16; }
.nutra_keto-text-tertiary { color: #FFFFFF; }
.nutra_keto-bg { background-color: #7C3AED; }
.nutra_keto-bg-gradient { background: linear-gradient(135deg, #7C3AED 0%, #A855F7 50%, #84CC16 100%); }
.nutra_keto-bg-secondary { background-color: #84CC16; }
.nutra_keto-accent { color: #A855F7; }
.nutra_keto-hover:hover { color: #6D28D9; }
.nutra_keto-border { border-color: #7C3AED; }

/* Skin - Hot Pink & Coral */
.skin-text-primary { color: #EC4899; }
.skin-text-secondary { color: #F97316; }
.skin-text-tertiary { color: #FFFFFF; }
.skin-bg { background-color: #EC4899; }
.skin-bg-gradient { background: linear-gradient(135deg, #EC4899 0%, #F472B6 50%, #F97316 100%); }
.skin-bg-secondary { background-color: #F97316; }
.skin-accent { color: #F472B6; }
.skin-hover:hover { color: #DB2777; }
.skin-border { border-color: #EC4899; }

/* Diet - Bright Teal & Sunshine Yellow */
.diet-text-primary { color: #14B8A6; }
.diet-text-secondary { color: #FBBF24; }
.diet-text-tertiary { color: #FFFFFF; }
.diet-bg { background-color: #14B8A6; }
.diet-bg-gradient { background: linear-gradient(135deg, #14B8A6 0%, #2DD4BF 50%, #FBBF24 100%); }
.diet-bg-secondary { background-color: #FBBF24; }
.diet-accent { color: #2DD4BF; }
.diet-hover:hover { color: #0D9488; }
.diet-border { border-color: #14B8A6; }

/* Luggage Leather - Rich Amber & Deep Navy */
.luggage_leather-text-primary { color: #1E3A5F; }
.luggage_leather-text-secondary { color: #F59E0B; }
.luggage_leather-text-tertiary { color: #FFFFFF; }
.luggage_leather-bg { background-color: #1E3A5F; }
.luggage_leather-bg-gradient { background: linear-gradient(135deg, #1E3A5F 0%, #3B5998 50%, #F59E0B 100%); }
.luggage_leather-bg-secondary { background-color: #F59E0B; }
.luggage_leather-accent { color: #3B5998; }
.luggage_leather-hover:hover { color: #152A45; }
.luggage_leather-border { border-color: #1E3A5F; }

/* Electronics - Cyber Purple & Electric Cyan */
.electronics-text-primary { color: #8B5CF6; }
.electronics-text-secondary { color: #06B6D4; }
.electronics-text-tertiary { color: #FFFFFF; }
.electronics-bg { background-color: #8B5CF6; }
.electronics-bg-gradient { background: linear-gradient(135deg, #8B5CF6 0%, #A78BFA 50%, #06B6D4 100%); }
.electronics-bg-secondary { background-color: #06B6D4; }
.electronics-accent { color: #A78BFA; }
.electronics-hover:hover { color: #7C3AED; }
.electronics-border { border-color: #8B5CF6; }

/* Sporting Goods - Power Red & Black */
.sporting_goods-text-primary { color: #DC2626; }
.sporting_goods-text-secondary { color: #18181B; }
.sporting_goods-text-tertiary { color: #FFFFFF; }
.sporting_goods-bg { background-color: #DC2626; }
.sporting_goods-bg-gradient { background: linear-gradient(135deg, #DC2626 0%, #EF4444 50%, #18181B 100%); }
.sporting_goods-bg-secondary { background-color: #18181B; }
.sporting_goods-accent { color: #EF4444; }
.sporting_goods-hover:hover { color: #B91C1C; }
.sporting_goods-border { border-color: #DC2626; }

/* Office Supplies - Professional Blue & Fresh Mint */
.office_supplies-text-primary { color: #2563EB; }
.office_supplies-text-secondary { color: #10B981; }
.office_supplies-text-tertiary { color: #FFFFFF; }
.office_supplies-bg { background-color: #2563EB; }
.office_supplies-bg-gradient { background: linear-gradient(135deg, #2563EB 0%, #3B82F6 50%, #10B981 100%); }
.office_supplies-bg-secondary { background-color: #10B981; }
.office_supplies-accent { color: #3B82F6; }
.office_supplies-hover:hover { color: #1D4ED8; }
.office_supplies-border { border-color: #2563EB; }

/* Board Games - Playful Orange & Royal Blue */
.board_games-text-primary { color: #EA580C; }
.board_games-text-secondary { color: #4F46E5; }
.board_games-text-tertiary { color: #FFFFFF; }
.board_games-bg { background-color: #EA580C; }
.board_games-bg-gradient { background: linear-gradient(135deg, #EA580C 0%, #F97316 50%, #4F46E5 100%); }
.board_games-bg-secondary { background-color: #4F46E5; }
.board_games-accent { color: #F97316; }
.board_games-hover:hover { color: #C2410C; }
.board_games-border { border-color: #EA580C; }

/* Garden Gadget - Fresh Green & Earth Brown */
.garden_gadget-text-primary { color: #16A34A; }
.garden_gadget-text-secondary { color: #A16207; }
.garden_gadget-text-tertiary { color: #FFFFFF; }
.garden_gadget-bg { background-color: #16A34A; }
.garden_gadget-bg-gradient { background: linear-gradient(135deg, #16A34A 0%, #22C55E 50%, #A16207 100%); }
.garden_gadget-bg-secondary { background-color: #A16207; }
.garden_gadget-accent { color: #22C55E; }
.garden_gadget-hover:hover { color: #15803D; }
.garden_gadget-border { border-color: #16A34A; }

/* ========================================
   BOLD SHADOWS & EFFECTS
   ======================================== */
.shadow-bold { box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.3); }
.shadow-bold-sm { box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.2); }
.shadow-bold-lg { box-shadow: 0 20px 60px -15px rgba(0, 0, 0, 0.35); }
.shadow-pop { box-shadow: 0 8px 0 0 rgba(0, 0, 0, 0.15); }
.shadow-neon { box-shadow: 0 0 30px rgba(0, 102, 255, 0.4); }

/* ========================================
   HOVER TRANSFORMS
   ======================================== */
.hover-lift { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.hover-lift:hover { transform: translateY(-4px); box-shadow: 0 12px 40px -10px rgba(0, 0, 0, 0.3); }
.hover-scale { transition: transform 0.2s ease; }
.hover-scale:hover { transform: scale(1.05); }
.hover-pop:hover { animation: pop 0.3s ease; }

/* ========================================
   ANIMATIONS
   ======================================== */
@keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes pop { 0% { transform: scale(1); } 50% { transform: scale(1.08); } 100% { transform: scale(1); } }
@keyframes pulse-glow { 0%, 100% { box-shadow: 0 0 0 0 rgba(0, 102, 255, 0.4); } 50% { box-shadow: 0 0 20px 10px rgba(0, 102, 255, 0.2); } }
@keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } }
@keyframes wiggle { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(-3deg); } 75% { transform: rotate(3deg); } }
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes gradient-shift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }

/* ========================================
   PATTERNS & TEXTURES
   ======================================== */
.bg-stripes { background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255, 255, 255, 0.05) 10px, rgba(255, 255, 255, 0.05) 20px); }
.bg-dots { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.08) 1px, transparent 1px); background-size: 16px 16px; }
.bg-grid { background-image: linear-gradient(rgba(0, 0, 0, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, transparent 1px); background-size: 20px 20px; }

/* ========================================
   GRADIENT TEXT
   ======================================== */
.text-gradient { background: linear-gradient(135deg, var(--tw-gradient-from), var(--tw-gradient-to)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }