@font-face {
  font-family: "Montserrat";
  src: url(/fonts/Poppins/Poppins-Regular.ttf);
}
:root {
  --hsl-background: 240 30% 15%;
  --hsl-foreground: 0 0% 90%;
  --hsl-muted: 200 60% 25%;
  --hsl-muted-foreground: 150 85% 18%;
  --hsl-popover: 60 70% 15%;
  --hsl-popover-foreground: 260 100% 10%;
  --hsl-card: 10 80% 25%;
  --hsl-card-foreground: 0 0% 90%;
  --hsl-border: 280 65% 30%;
  --hsl-input: 190 75% 40%;
  --hsl-primary: 220 85% 45%;
  --hsl-primary-foreground: 0 0% 90%;
  --hsl-secondary: 160 70% 35%;
  --hsl-secondary-foreground: 0 0% 85%;
  --hsl-accent: 30 90% 40%;
  --hsl-accent-foreground: 0 0% 90%;
  --hsl-destructive: 0 100% 45%;
  --hsl-destructive-foreground: 0 0% 90%;
  --hsl-constructive: 50 90% 40%;
  --hsl-constructive-foreground: 0 0% 90%;
  --hsl-ring: 290 85% 40%;
  --hsl-radius: 1.5rem;
}

:root {
  --background: 250 35% 20%;
  --foreground: 0 0% 90%;
  --muted: 210 65% 30%;
  --muted-foreground: 140 80% 35%;
  --popover: 70 75% 20%;
  --popover-foreground: 255 95% 5%;
  --card: 15 85% 30%;
  --card-foreground: 0 0% 90%;
  --border: 265 70% 40%;
  --input: 185 80% 45%;
  --primary: 230 90% 50%;
  --primary-foreground: 0 0% 90%;
  --secondary: 155 75% 30%;
  --secondary-foreground: 0 0% 85%;
  --accent: 25 95% 45%;
  --accent-foreground: 0 0% 90%;
  --destructive: 355 100% 40%;
  --destructive-foreground: 0 0% 90%;
  --constructive: 55 95% 50%;
  --constructive-foreground: 0 0% 90%;
  --ring: 280 90% 50%;
  --radius: 1.5rem;
}