:root {
    --background: 46 45% 96%;
    --foreground: 178 26% 18%;
    --card: 0 0% 100%;
    --card-foreground: 178 26% 18%;
    --popover: 0 0% 100%;
    --popover-foreground: 178 26% 18%;
    --muted: 45 33% 91%;
    --muted-foreground: 169 16% 34%;
    --accent: 174 74% 31%;
    --accent-foreground: 60 22% 98%;
    --destructive: 5 78% 54%;
    --destructive-foreground: 60 22% 98%;
    --border: 46 24% 81%;
    --input: 46 24% 81%;
    --ring: 174 74% 31%;
    --radius: 0.75rem;
}

.dark {
    --background: 183 29% 11%;
    --foreground: 60 30% 96%;
    --card: 184 28% 15%;
    --card-foreground: 60 30% 96%;
    --popover: 184 28% 15%;
    --popover-foreground: 60 30% 96%;
    --muted: 184 17% 22%;
    --muted-foreground: 60 10% 75%;
    --accent: 156 70% 46%;
    --accent-foreground: 186 30% 12%;
    --destructive: 5 74% 56%;
    --destructive-foreground: 60 22% 98%;
    --border: 184 13% 28%;
    --input: 184 13% 28%;
    --ring: 156 70% 46%;
}