:root {
  --background: 223.64 16.27% 2.75%;
  --foreground: 210 40% 98%;
  --card: 230 20% 6%;
  --card-foreground: 210 40% 98%;
  --popover: 223.64 16.27% 2.75%;
  --popover-foreground: 210 40% 98%;
  --primary: 210 40% 98%;
  --primary-foreground: 222.2 47.4% 11.2%;
  --secondary: 217.2 32.6% 17.5%;
  --secondary-foreground: 210 40% 98%;
  --muted: 217.2 32.6% 17.5%;
  --muted-foreground: 215 20.2% 65.1%;
  --accent: 217.2 32.6% 17.5%;
  --accent-foreground: 210 40% 98%;
  --destructive: 0 62.8% 30.6%;
  --destructive-foreground: 210 40% 98%;
  --border: 217.2 32.6% 17.5%;
  --input: 217.2 32.6% 17.5%;
  --ring: 212.7 26.8% 83.9%;
  --radius: 0.5rem;
}

h1, h2, h3, h4, h5, h6 {
  color: #f8fafc !important;
}

p, span, div {
  color: #8e9db1;
}

a {
  color: #4893fe !important;
}

nav a {
  color: #a0abbe !important;
}

nav a:hover {
  color: #f2f4f6 !important;
}

nav a.active {
  color: #f2f4f6 !important;
}

.text-muted, .text-muted-foreground {
  color: #6b7280 !important;
}