/**
 * Theme Extensions - Lazy-loaded for pages needing specific themes
 * Import this in pages/components that use page-specific gradients
 * 
 * Usage:
 * import '@/styles/theme-extensions.css';
 */

:root {
  /* Page-specific gradients (dark to light) */
  --gradient-coach: linear-gradient(135deg, hsl(220 100% 25%), hsl(200 100% 60%));
  --gradient-athlete: linear-gradient(135deg, hsl(16 100% 45%), hsl(30 100% 55%));
  --gradient-balance: linear-gradient(135deg, hsl(160 50% 35%), hsl(170 60% 50%));
  --gradient-workout: linear-gradient(135deg, hsl(350 70% 35%), hsl(10 80% 50%));
  --gradient-diet: linear-gradient(135deg, hsl(120 50% 30%), hsl(140 60% 45%));
  --gradient-shop: linear-gradient(135deg, hsl(260 60% 35%), hsl(280 70% 55%));
  --gradient-course: linear-gradient(135deg, hsl(350 70% 40%), hsl(340 75% 55%));
  --gradient-blog: linear-gradient(135deg, hsl(190 70% 30%), hsl(200 75% 50%));
  --gradient-community: linear-gradient(135deg, hsl(240 60% 40%), hsl(250 70% 55%));
  --gradient-extreme: linear-gradient(90deg, hsl(270 60% 25%), hsl(280 70% 45%), hsl(290 80% 65%));
  --gradient-premium: linear-gradient(90deg, hsl(38 92% 50%), hsl(43 96% 56%), hsl(48 100% 67%));
  --gradient-wellness: linear-gradient(135deg, hsl(270 60% 96%), hsl(260 50% 94%), hsl(190 70% 96%));
  
  /* Pathfinder Activity Gradients */
  --gradient-pathfinder-running: linear-gradient(135deg, hsl(140 60% 35%), hsl(140 70% 65%));
  --gradient-pathfinder-cycling: linear-gradient(135deg, hsl(0 0% 15%), hsl(0 0% 50%));
  --gradient-pathfinder-hiking: linear-gradient(135deg, hsl(25 45% 35%), hsl(30 50% 60%));
  --gradient-pathfinder-kayaking: linear-gradient(135deg, hsl(200 70% 40%), hsl(200 80% 70%));
  
  /* Wellness-specific colors */
  --wellness-primary: 270 60% 55%;
  --wellness-primary-foreground: 0 0% 100%;
  --wellness-accent: 190 70% 50%;
  --wellness-accent-foreground: 0 0% 100%;
  --wellness-muted: 260 30% 70%;
  --wellness-muted-foreground: 260 20% 40%;
  
  /* Luxury gradient palette */
  --luxury-emerald: 160 84% 39%;
  --luxury-amethyst: 270 76% 60%;
  --luxury-sapphire: 217 91% 60%;
  --luxury-rose: 340 82% 52%;
  --luxury-gold: 38 92% 50%;
  
  /* Message bubble gradients */
  --gradient-message-own: linear-gradient(135deg, hsl(239 84% 67%) 0%, hsl(270 76% 60%) 50%, hsl(280 84% 60%) 100%);
  --gradient-message-other: linear-gradient(135deg, hsla(0 0% 100% / 0.95) 0%, hsla(210 40% 98% / 0.9) 100%);
  
  /* Glass effects */
  --glass-light: hsla(0 0% 100% / 0.08);
  --glass-medium: hsla(0 0% 100% / 0.12);
  --glass-heavy: hsla(0 0% 100% / 0.2);
  --glass-border: hsla(0 0% 100% / 0.15);
  --glass-dark: hsla(0 0% 0% / 0.4);
  
  /* Premium shadows */
  --shadow-luxury: 0 8px 32px hsla(0 0% 0% / 0.3), 0 2px 8px hsla(0 0% 0% / 0.2);
  --shadow-glow-emerald: 0 0 40px hsla(160 84% 39% / 0.4);
  --shadow-glow-amethyst: 0 0 40px hsla(270 76% 60% / 0.4);
  --shadow-glow-sapphire: 0 0 40px hsla(217 91% 60% / 0.4);
  --shadow-glow-rose: 0 0 40px hsla(340 82% 52% / 0.4);
}

.dark {
  /* Page-specific gradients (dark to light) - Dark mode */
  --gradient-coach: linear-gradient(135deg, hsl(220 100% 35%), hsl(200 100% 65%));
  --gradient-athlete: linear-gradient(135deg, hsl(16 100% 50%), hsl(30 100% 60%));
  --gradient-balance: linear-gradient(135deg, hsl(160 50% 40%), hsl(170 60% 55%));
  --gradient-workout: linear-gradient(135deg, hsl(350 70% 40%), hsl(10 80% 55%));
  --gradient-diet: linear-gradient(135deg, hsl(120 50% 35%), hsl(140 60% 50%));
  --gradient-shop: linear-gradient(135deg, hsl(260 60% 40%), hsl(280 70% 60%));
  --gradient-course: linear-gradient(135deg, hsl(350 70% 45%), hsl(340 75% 60%));
  --gradient-blog: linear-gradient(135deg, hsl(190 70% 35%), hsl(200 75% 55%));
  --gradient-community: linear-gradient(135deg, hsl(240 60% 45%), hsl(250 70% 60%));
  --gradient-extreme: linear-gradient(90deg, hsl(270 60% 30%), hsl(280 70% 50%), hsl(290 80% 70%));
  --gradient-premium: linear-gradient(90deg, hsl(38 92% 55%), hsl(43 96% 61%), hsl(48 100% 72%));
  --gradient-wellness: linear-gradient(135deg, hsl(270 40% 20%), hsl(260 35% 18%), hsl(190 45% 22%));
  
  /* Pathfinder Activity Gradients - Dark mode */
  --gradient-pathfinder-running: linear-gradient(135deg, hsl(140 55% 40%), hsl(140 65% 70%));
  --gradient-pathfinder-cycling: linear-gradient(135deg, hsl(0 0% 20%), hsl(0 0% 55%));
  --gradient-pathfinder-hiking: linear-gradient(135deg, hsl(25 40% 40%), hsl(30 45% 65%));
  --gradient-pathfinder-kayaking: linear-gradient(135deg, hsl(200 65% 45%), hsl(200 75% 75%));
  
  /* Wellness-specific colors - Dark mode */
  --wellness-primary: 270 50% 60%;
  --wellness-primary-foreground: 0 0% 100%;
  --wellness-accent: 190 60% 55%;
  --wellness-accent-foreground: 0 0% 100%;
  --wellness-muted: 260 20% 50%;
  --wellness-muted-foreground: 260 30% 70%;
}