/* Masters Main Website Theme - Dark Futuristic Design */

/* Masters Theme - Apply to body only when .masters-theme class is present */
.masters-theme {
  /* Masters Dark Background - Deep Space Theme */
  --background: 220 25% 8%; /* Dark Blue-Black */
  --foreground: 210 40% 98%; /* Almost White */
  
  /* Cards & Surfaces */
  --card: 220 23% 12%; /* Slightly Lighter Dark */
  --card-foreground: 210 40% 98%;
  --popover: 220 25% 10%;
  --popover-foreground: 210 40% 98%;
  
  /* Masters Brand - Purple & Pink Gradient */
  --primary: 270 70% 60%; /* Vibrant Purple */
  --primary-foreground: 0 0% 100%;
  --primary-glow: 280 80% 70%; /* Bright Purple Glow */
  
  /* Secondary - Pink/Magenta */
  --secondary: 330 80% 60%; /* Hot Pink */
  --secondary-foreground: 0 0% 100%;
  --secondary-light: 330 85% 70%;
  
  /* Accent - Cyan/Blue */
  --accent: 190 70% 55%; /* Bright Cyan */
  --accent-foreground: 220 25% 10%;
  --accent-light: 190 75% 65%;
  
  /* Muted - Dark Grays */
  --muted: 220 15% 18%; /* Dark Gray */
  --muted-foreground: 220 10% 65%; /* Light Gray Text */
  
  /* Destructive */
  --destructive: 0 80% 60%;
  --destructive-foreground: 0 0% 100%;
  
  /* Borders & Inputs */
  --border: 220 20% 25%; /* Dark Border */
  --input: 220 23% 15%; /* Dark Input */
  --ring: 270 70% 60%; /* Purple Focus Ring */
  
  /* Charts - Tech Colors */
  --chart-1: 270 70% 60%; /* Purple */
  --chart-2: 330 80% 60%; /* Pink */
  --chart-3: 190 70% 55%; /* Cyan */
  --chart-4: 280 75% 65%; /* Violet */
  --chart-5: 210 70% 55%; /* Blue */
  
  /* Masters Specific Brand Colors */
  --masters-purple: 270 70% 60%; /* Primary Purple */
  --masters-pink: 330 80% 60%; /* Hot Pink */
  --masters-cyan: 190 70% 55%; /* Bright Cyan */
  --masters-violet: 280 75% 65%; /* Violet */
  --masters-blue: 210 70% 55%; /* Tech Blue */
  
  /* Masters Effects */
  --glow-purple: 270 70% 60% / 0.4;
  --glow-pink: 330 80% 60% / 0.3;
  --glow-cyan: 190 70% 55% / 0.35;
  --shadow-dark: 220 30% 5% / 0.5;
  
  /* Status Colors for Masters */
  --success: 150 65% 50%;
  --success-foreground: 0 0% 100%;
  --warning: 40 95% 60%;
  --warning-foreground: 220 25% 10%;
  --info: 210 75% 60%;
  --info-foreground: 0 0% 100%;
  
  --radius: 0.75rem;

  background: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: 'Inter', 'Cairo', system-ui, sans-serif;
}

/* Dark theme is the same for Masters (always dark) */
.masters-theme.dark {
  --background: 220 25% 8%;
  --foreground: 210 40% 98%;
  --card: 220 23% 12%;
  --card-foreground: 210 40% 98%;
  --popover: 220 25% 10%;
  --popover-foreground: 210 40% 98%;
  
  --primary: 270 70% 60%;
  --primary-foreground: 0 0% 100%;
  
  --secondary: 330 80% 60%;
  --secondary-foreground: 0 0% 100%;
  
  --accent: 190 70% 55%;
  --accent-foreground: 220 25% 10%;
  
  --muted: 220 15% 18%;
  --muted-foreground: 220 10% 65%;
  
  --border: 220 20% 25%;
  --input: 220 23% 15%;
  --ring: 270 70% 60%;
}

/* Masters Specific Styles */
.masters-gradient-bg {
  background: linear-gradient(
    135deg, 
    hsl(220 25% 8%) 0%, 
    hsl(270 30% 12%) 50%, 
    hsl(220 25% 8%) 100%
  );
}

.masters-card {
  background: hsl(220 23% 12% / 0.6);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  border: 1px solid hsl(220 20% 25%);
  box-shadow: 0 8px 32px hsl(220 30% 5% / 0.5);
}

.masters-glow-text {
  text-shadow: 
    0 0 20px hsl(var(--glow-purple)),
    0 0 40px hsl(var(--glow-pink)),
    0 0 60px hsl(var(--glow-cyan));
}