html.light {
    --gradient: #16a145;
 
    --background: 149 40% 96%;
    --foreground: 149 50% 10%;
 
    --muted: 149 30% 90%;
    --muted-foreground: 149 15% 40%;
 
    --popover: 149 30% 95%;
    --popover-foreground: 149 40% 15%;
 
    --card: 149 30% 95%;
    --card-foreground: 149 40% 10%;
 
    --border: 149 20% 80%;
    --input: 149 20% 80%;
 
    --primary: 149 76% 36%;
    --primary-foreground: 0 0% 100%;
 
    --secondary: 149 40% 80%;
    --secondary-foreground: 149 40% 10%;
 
    --accent: 149 40% 85%;
    --accent-foreground: 149 40% 10%;
 
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 0 0% 100%;
 
    --ring: 149 76% 36%;
    --radius: 0.5rem;
  }
 
  html.dark{
    --gradient: #16a145;
 
    --background: 149 49.4% 2.88%;
    --foreground: 149 7.6% 96.8%;
 
    --muted: 149 38% 10.8%;
    --muted-foreground: 149 7.6% 53.6%;
 
    --popover: 149 49.8% 4.68%;
    --popover-foreground: 149 7.6% 96.8%;
 
    --card: 149 49.8% 4.68%;
    --card-foreground: 149 7.6% 96.8%;
 
    --border: 149 38% 10.8%;
    --input: 149 38% 10.8%;
 
    --primary: 149 76% 36%;
    --primary-foreground: 149 7.6% 96.8%;
 
    --secondary: 149 38% 18%;
    --secondary-foreground: 149 7.6% 96.8%;
 
    --accent: 149 38% 18%;
    --accent-foreground: 149 7.6% 96.8%;
 
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 149 7.6% 96.8%;
 
    --ring: 149 76% 36%;
    --radius: 0.5rem;
  }
}