:root {
    --font-headline: "Playfair Display", serif;
    --font-body: "Lato", sans-serif;
}
:root {
    --card-foreground: 208 37% 20%;
    --ring: 208 36% 28%;
    --border: 210 14% 89%;
    --popover: 210 17% 98%;
    --accent: 233 28% 71%;
    --destructive: 354 70% 54%;
    --popover-foreground: 208 37% 20%;
    --secondary-foreground: 0 0% 98%;
    --sidebar-foreground: 0 0% 98%;
    --card: 210 17% 98%;
    --destructive-foreground: 0 0% 98%;
    --sidebar-background: 208 36% 28%;
    --sidebar-accent: 208 34% 37%;
    --sidebar-primary-foreground: 208 36% 28%;
    --muted-foreground: 208 7% 46%;
    --input: 210 14% 83%;
    --accent-foreground: 0 0% 98%;
    --muted: 210 16% 93%;
    --sidebar-primary: 0 0% 98%;
    --sidebar-accent-foreground: 0 0% 98%;
    --sidebar-border: 208 34% 37%;
    --sidebar-ring: 0 0% 98%;
    --background: 210 17% 98%;
    --foreground: 208 37% 20%;
    --primary-foreground: 0 0% 98%;
    --primary: 206 35% 17%;
    --secondary: 33 29% 49%;
}
.dark {
    --muted: 218 17% 35%;
    --border: 218 17% 35%;
    --popover: 218 23% 23%;
    --destructive: 0 76% 57%;
    --input: 218 17% 35%;
    --background: 212 20% 13%;
    --sidebar-background: 208 36% 28%;
    --card: 218 23% 23%;
    --muted-foreground: 214 20% 69%;
    --accent-foreground: 214 32% 91%;
    --foreground: 214 32% 91%;
    --sidebar-border: 218 17% 35%;
    --sidebar-primary-foreground: 214 32% 91%;
    --sidebar-accent: 218 17% 35%;
    --sidebar-foreground: 214 32% 91%;
    --destructive-foreground: 0 0% 98%;
    --card-foreground: 214 32% 91%;
    --popover-foreground: 214 32% 91%;
    --accent: 133 4% 52%;
    --secondary: 221 15% 33%;
    --secondary-foreground: 0 0% 98%;
    --primary-foreground: 218 28% 21%;
    --primary: 214 32% 91%;
    --sidebar-accent-foreground: 33 29% 49%;
    --sidebar-primary: 33 29% 49%;
    --ring: 33 29% 49%;
    --sidebar-ring: 33 29% 49%;
}