:root {
  /* Updated to futuristic dark theme with cyan/purple accents */
  --background: 220 26% 6%;
  --foreground: 210 40% 98%;
  --card: 220 26% 8%;
  --card-foreground: 210 40% 98%;
  --popover: 220 26% 8%;
  --popover-foreground: 210 40% 98%;
  --primary: 189 94% 55%;
  --primary-foreground: 220 26% 6%;
  --secondary: 280 70% 60%;
  --secondary-foreground: 210 40% 98%;
  --muted: 220 26% 12%;
  --muted-foreground: 215 20% 65%;
  --accent: 280 70% 60%;
  --accent-foreground: 210 40% 98%;
  --destructive: 0 84% 60%;
  --destructive-foreground: 210 40% 98%;
  --border: 220 26% 15%;
  --input: 220 26% 15%;
  --ring: 189 94% 55%;
  --radius: 0.75rem;
}

* {
  border-color: hsl(var(--border));
}

body {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
}

/* Added futuristic glow effects */
.glow-effect {
  box-shadow: 0 0 20px rgba(34, 211, 238, 0.3);
}

.glow-text {
  text-shadow: 0 0 10px rgba(34, 211, 238, 0.5);
}

.bg-background {
  background-color: hsl(var(--background));
}

.text-foreground {
  color: hsl(var(--foreground));
}

.text-muted-foreground {
  color: hsl(var(--muted-foreground));
}

.bg-primary {
  background-color: hsl(var(--primary));
}

.text-primary {
  color: hsl(var(--primary));
}

.text-primary-foreground {
  color: hsl(var(--primary-foreground));
}

.bg-accent {
  background-color: hsl(var(--accent));
}

.text-accent-foreground {
  color: hsl(var(--accent-foreground));
}

.border-border {
  border-color: hsl(var(--border));
}

.hover\:bg-primary\/90:hover {
  background-color: hsl(var(--primary) / 0.9);
}

.hover\:bg-accent:hover {
  background-color: hsl(var(--accent));
}

.hover\:text-accent-foreground:hover {
  color: hsl(var(--accent-foreground));
}

.hover\:text-primary:hover {
  color: hsl(var(--primary));
}