/* Global theme palette */
:root {
  --color-primary: #0064ff;
  --color-primary-hover: #0064ff; /* ~darken 10% */
  --color-on-primary: #ffffff;

  --color-navbar-bg: #080c25;
  --color-navbar-text: #080c25;
  --color-navbar-active: #fff;

  --color-bg: #f8f8f8;
  --color-text: #080c25;

  --color-card-bg: #fff;
  --color-card-text: #070707;
  --color-header-bg: #080c25;

  --color-footer-bg: #080c25;
  --color-footer-text: #e4e8ef;
  --color-footer-secondary: #cfd6e3;
}

/* Base */
body {
  background-color: var(--color-bg);
  color: var(--color-text);
}

a { color: var(--color-primary); }
a:hover { color: var(--color-primary-hover); }

/* Buttons */
.btn-primary,
.btn-primary:disabled,
.btn-primary.disabled {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: var(--color-on-primary) !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--color-primary-hover) !important;
  border-color: var(--color-primary-hover) !important;
  color: var(--color-on-primary) !important;
}

/* Navbar / Header */
.navbar,
.header-section,
.main-header-section {
  background-color: var(--color-header-bg) !important;
  color: var(--color-navbar-text) !important;
}
.navbar .nav-link,
.header-section a,
.main-header-section a {
  color: var(--color-navbar-text) !important;
}
.navbar .nav-link.active,
.header-section .nav-link.active,
.main-header-section .nav-link.active {
  color: var(--color-navbar-active) !important;
}

/* Sidebar */
.side-bar { background-color: var(--color-navbar-bg); }
.side-bar a { color: var(--color-navbar-text); }
.side-bar li.active > a,
.side-bar li.active a { color: var(--color-navbar-active) !important; }

/* Cards */
.card,
.dashboard-card {
  background-color: var(--color-card-bg) !important;
  
  color: var(--color-card-text) !important;
  border: none;
}

/* Footer */
footer,
.dashboard-footer,
footer.container-fluid.bg-white {
  background-color: var(--color-footer-bg) !important;
  color: var(--color-footer-text) !important;
}
footer a { color: var(--color-footer-secondary) !important; }
footer p,
footer h6 { color: var(--color-footer-text) !important; }