@font-face {
  font-family: "Ubuntu";
  src: url(/fonts/Ubuntu/Ubuntu-Regular.ttf);
}

:root {
  --hsl-background: 320 30% 9%;
  --hsl-foreground: 120 25% 92%;
  --hsl-muted: 315 20% 15%;
  --hsl-muted-foreground: 125 15% 78%;
  --hsl-popover: 325 24% 11%;
  --hsl-popover-foreground: 120 30% 90%;
  --hsl-card: 325 24% 11%;
  --hsl-card-foreground: 120 25% 92%;
  --hsl-border: 330 28% 24%;
  --hsl-input: 330 18% 20%;
  --hsl-primary: 290 55% 28%;
  --hsl-primary-foreground: 120 15% 94%;
  --hsl-secondary: 320 22% 18%;
  --hsl-secondary-foreground: 120 28% 90%;
  --hsl-accent: 300 28% 20%;
  --hsl-accent-foreground: 120 28% 90%;
  --hsl-destructive: 10 65% 32%;
  --hsl-destructive-foreground: 10 15% 92%;
  --hsl-constructive: 150 55% 28%;
  --hsl-constructive-foreground: 150 15% 92%;
  --hsl-ring: 290 35% 28%;
  --hsl-radius: 0.65rem;
 }
 
 :root {
  --background: 325 28% 11%;
  --foreground: 125 30% 90%;
  --muted: 320 25% 17%;
  --muted-foreground: 125 20% 82%;
  --popover: 325 28% 11%;
  --popover-foreground: 125 30% 90%;
  --card: 325 28% 11%;
  --card-foreground: 125 30% 90%;
  --border: 335 25% 26%;
  --input: 335 25% 26%;
  --primary: 295 60% 30%;
  --primary-foreground: 125 15% 92%;
  --secondary: 320 25% 17%;
  --secondary-foreground: 125 30% 90%;
  --accent: 320 25% 17%;
  --accent-foreground: 125 30% 90%;
  --destructive: 15 65% 35%;
  --destructive-foreground: 320 15% 92%;
  --constructive: 155 50% 30%;
  --constructive-foreground: 320 15% 92%;
  --ring: 295 35% 30%;
  --radius: .6rem
 }