body {
    background-color: #f8f9fa;
    font-family: 'Segoe UI', sans-serif;
}

.card {
    border-radius: 0.75rem;
    border: none;
}

.btn-primary {
    background-color: #0d6efd;
    border-color: #0d6efd;
    border-radius: 0.4rem;
}

.btn-primary:hover {
    background-color: #0b5ed7;
    border-color: #0a58ca;
}

body.darkmode {
  --main-blue: #55aaff;
  --main-hover: #2c4c74;
  --icon-gray: #9ab4d3;
  --active-blue: #97cbff;
  --menu-bg: #1d2330;
  --nav-shadow: 0 2px 10px rgba(0,0,0,.16);
  background: #161a22 !important;
  color: #d4e2fc;
}
body.darkmode .fancycard,
body.darkmode .card,
body.darkmode .accordion .accordion-body {
  background: #1d2330 !important;
  color: #d4e2fc !important;
  box-shadow: 0 0.5rem 2rem rgba(33,37,41,0.20), 0 0.25rem 0.5rem rgba(33,37,41,0.10);
}
body.darkmode .accordion .accordion-button {
  background: #23283a !important;
  color: #aad4ff !important;
}
body.darkmode .accordion .accordion-button:not(.collapsed) {
  background: #202a41 !important;
  color: #82bbfa !important;
}
body.darkmode .badge.bg-primary,
body.darkmode .badge.bg-success,
body.darkmode .badge.bg-danger,
body.darkmode .badge.bg-warning,
body.darkmode .badge.bg-info {
  opacity: 0.95;
  color: #fff !important;
}
body.darkmode .text-dark { color: #bcd2ef !important; }
body.darkmode .bg-light { background: #23283a !important; }