:root {
  --radius: 0.5rem;
  --background: 0 0% 98%;
  --on-background: 0 0% 13%;
  --surface-dark: 0 0% 95%;
  --surface: 0 0% 100%;
  --on-surface: 0 0% 13%;
  --card: 0 0% 100%;
  --card-foreground: 0 0% 13%;
  --foreground: 0 0% 13%;
  --primary: 81 66% 54%;
  --on-primary: 0 0% 13%;
  --secondary: 205 100% 40%;
  --secondary-foreground: 0 0% 100%;
  --muted: 225 10% 90%;
  --muted-foreground: 0 0% 40%;
  --accent: 225 20% 90%;
  --accent-foreground: 0 0% 13%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 0 0% 100%;
  --border: 225 15% 85%;
  --input: 225 15% 85%;
  --ring: 81 66% 54%;
  --sidebar-background: 0 0% 100%;
  --sidebar-foreground: 0 0% 13%;
  --sidebar-primary: 81 66% 54%;
  --sidebar-accent: 225 20% 90%;
  --sidebar-accent-foreground: 0 0% 13%;
  --sidebar-border: 225 15% 85%;
}

.dark {
  --background: 225 39% 13%;
  --on-background: 0 0% 93%;
  --surface-dark: 225 39% 15%;
  --surface: 225 39% 20%;
  --on-surface: 0 0% 93%;
  --card: 225 39% 20%;
  --card-foreground: 0 0% 93%;
  --foreground: 0 0% 93%;
  --primary: 81 66% 54%;
  --on-primary: 0 0% 13%;
  --secondary: 205 100% 40%;
  --secondary-foreground: 0 0% 93%;
  --muted: 225 10% 30%;
  --muted-foreground: 0 0% 70%;
  --accent: 225 20% 30%;
  --accent-foreground: 0 0% 93%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 0 0% 93%;
  --border: 225 15% 25%;
  --input: 225 15% 25%;
  --ring: 72 100% 69%;
  --sidebar-background: 225 39% 15%;
  --sidebar-foreground: 0 0% 93%;
  --sidebar-primary: 81 66% 54%;
  --sidebar-accent: 225 20% 30%;
  --sidebar-accent-foreground: 0 0% 93%;
  --sidebar-border: 225 15% 25%;
}