:root[data-theme='dark'] {
  --brand-primary: #5BC0F8;
  --brand-primary-dark: #48A7DB;

  --bs-primary: var(--brand-primary);
  --bs-secondary: #0D1117;
  --bs-body-bg: #0D1117;
  --bs-body-color: #E2E8F0;
}

/* Dark Mode */
[data-theme="dark"] body {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
}

/* Navbar */
[data-theme="dark"] .navbar {
  background-color: #0A0D12 !important;
}
[data-theme="dark"] .navbar a {
  color: #5BC0F8 !important;
}

/* Cards */
[data-theme="dark"] .card {
  background-color: #111827;
  border-color: #1E293B;
  color: #E2E8F0;
}

/* Buttons */
[data-theme="dark"] .btn-primary {
  background-color: #5BC0F8 !important;
  border-color: #5BC0F8 !important;
  color: black !important;
}
[data-theme="dark"] .btn-primary:hover {
  background-color: #48A7DB !important;
}

/* Footer */
[data-theme="dark"] .bg-light {
  background-color: #0A0D12 !important;
  color: #5BC0F8 !important;
}