html:root {
  --primary: 218 87% 45%;
  --primary-foreground: 0 0% 100%;
  --primary-soft: 216 70% 92%;
  --secondary: 205 77% 15%;
  --secondary-foreground: 0 0% 100%;
  --foreground: 205 77% 15%;
  --card-foreground: 205 77% 15%;
  --popover-foreground: 205 77% 15%;
  --ring: 218 87% 45%;
}
html.dark {
  --primary: 218 87% 45%;
  --primary-foreground: 0 0% 100%;
  --primary-soft: 212 67% 14%;
  --secondary: 205 77% 15%;
  --secondary-foreground: 0 0% 100%;
  --foreground: 208 15% 64%;
  --card-foreground: 208 15% 64%;
  --popover-foreground: 208 15% 64%;
  --ring: 218 87% 45%;
}