:root {
  --background: 222.9 46.7% 97.1%;
  --foreground: 245.5 64.7% 10.0%;
  --card: 0 0% 100%;
  --card-foreground: 245.5 64.7% 10.0%;
  --popover: 0 0% 100%;
  --popover-foreground: 245.5 64.7% 10.0%;
  --primary: 220.0 75.0% 31.4%;
  --primary-foreground: 0 0% 100%;
  --secondary: 4.7 71.7% 54.3%;
  --secondary-foreground: 0 0% 100%;
  --muted: 222.0 41.7% 95.3%;
  --muted-foreground: 222.6 17.4% 42.7%;
  --accent: 222.0 41.7% 95.3%;
  --accent-foreground: 245.5 64.7% 10.0%;
  --destructive: 4.3 64.4% 46.3%;
  --destructive-foreground: 0 0% 100%;
  --border: 220.0 45.5% 93.5%;
  --input: 220.0 45.5% 93.5%;
  --ring: 220.0 75.0% 31.4%;
}

:root.dark {
  --background: 231.1 55.1% 9.6%;
  --foreground: 0 0% 100%;
  --card: 230.0 47.4% 14.9%;
  --card-foreground: 0 0% 100%;
  --popover: 230.0 47.4% 14.9%;
  --popover-foreground: 0 0% 100%;
  --primary: 220.0 75.0% 31.4%;
  --primary-foreground: 0 0% 100%;
  --secondary: 4.7 71.7% 54.3%;
  --secondary-foreground: 0 0% 100%;
  --muted: 230.9 29.7% 21.8%;
  --muted-foreground: 229.1 6.3% 65.7%;
  --accent: 230.9 29.7% 21.8%;
  --accent-foreground: 0 0% 100%;
  --destructive: 4.9 78.6% 72.5%;
  --destructive-foreground: 245.5 64.7% 10.0%;
  --border: 230.4 26.3% 18.6%;
  --input: 230.9 52.4% 12.4%;
  --ring: 220.0 75.0% 31.4%;
}