:root {
  --background: 40 33% 97%;
  --foreground: 20 25% 8%;
  --card: 0 0% 100%;
  --card-foreground: 20 25% 8%;
  --popover: 0 0% 100%;
  --popover-foreground: 20 25% 8%;
  --primary: 156 62% 58%;
  --primary-foreground: 160 40% 8%;
  --primary-text: 160 75% 24%;
  --secondary: 40 25% 92%;
  --secondary-foreground: 20 25% 12%;
  --muted: 40 20% 93%;
  --muted-foreground: 20 10% 36%;
  --accent: 168 62% 17%;
  --accent-foreground: 0 0% 100%;
  --destructive: 0 72% 45%;
  --destructive-foreground: 0 0% 100%;
  --border: 35 20% 86%;
  --input: 35 20% 86%;
  --ring: 160 75% 30%;
  --chart-1: 156 62% 48%;
  --chart-2: 168 62% 17%;
  --chart-3: 40 90% 50%;
  --chart-4: 220 50% 45%;
  --chart-5: 330 55% 45%;
  --radius: 1rem;
}

.dark {
  --background: 20 20% 7%;
  --foreground: 40 30% 96%;
  --card: 20 16% 10%;
  --card-foreground: 40 30% 96%;
  --popover: 20 16% 10%;
  --popover-foreground: 40 30% 96%;
  --primary: 156 62% 58%;
  --primary-foreground: 160 40% 8%;
  --primary-text: 156 62% 62%;
  --secondary: 20 12% 16%;
  --secondary-foreground: 40 30% 96%;
  --muted: 20 12% 15%;
  --muted-foreground: 35 15% 68%;
  --accent: 168 55% 42%;
  --accent-foreground: 20 25% 6%;
  --destructive: 0 70% 58%;
  --destructive-foreground: 0 0% 100%;
  --border: 20 10% 22%;
  --input: 20 10% 22%;
  --ring: 156 62% 58%;
  --chart-1: 156 62% 58%;
  --chart-2: 168 55% 42%;
  --chart-3: 40 90% 60%;
  --chart-4: 220 60% 65%;
  --chart-5: 330 60% 65%;
}