:root {
    --background: 212 43% 96%;
    --foreground: 224 32% 16%;
    --card: 0 0% 100%;
    --card-foreground: 224 32% 16%;
    --popover: 0 0% 100%;
    --popover-foreground: 224 32% 16%;
    --muted: 210 28% 92%;
    --muted-foreground: 217 16% 38%;
    --accent: 216 84% 42%;
    --accent-foreground: 210 40% 98%;
    --destructive: 0 72% 50%;
    --destructive-foreground: 210 40% 98%;
    --border: 214 24% 83%;
    --input: 214 24% 83%;
    --ring: 216 84% 42%;
    --radius: 0.65rem;
}

.dark {
    --background: 222 44% 10%;
    --foreground: 210 36% 96%;
    --card: 223 34% 14%;
    --card-foreground: 210 36% 96%;
    --popover: 223 34% 14%;
    --popover-foreground: 210 36% 96%;
    --muted: 223 22% 20%;
    --muted-foreground: 216 20% 74%;
    --accent: 199 89% 48%;
    --accent-foreground: 224 42% 12%;
    --destructive: 0 66% 48%;
    --destructive-foreground: 210 40% 98%;
    --border: 220 18% 26%;
    --input: 220 18% 26%;
    --ring: 199 89% 48%;
}