/* Theme color overrides for NPTF */
/* Primary brand color: dark blue #162043 */

:root {
  --brand-primary: #162043;
}

/* UIkit primary text utility */
.uk-text-primary {
  color: var(--brand-primary) !important;
}

/* Primary buttons */
.uk-button-primary {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: #ffffff !important;
}

/* Links */
a,
.uk-link {
  color: var(--brand-primary);
}
.uk-link:hover,
a:hover {
  color: #0f172a; /* slightly darker on hover */
}

/* Navbar */
.uk-navbar-container {
  background-color: var(--brand-primary);
}

/* Labels & badges */
.uk-label,
.uk-badge {
  background-color: var(--brand-primary);
  color: #ffffff;
}

/* Default button hover accent */
.uk-button-default:hover {
  border-color: var(--brand-primary);
  color: var(--brand-primary);
}

/* Dotnav active (e.g., sliders) */
.uk-dotnav > .uk-active > * {
  background-color: var(--brand-primary);
}

/* Override Tailwind green backgrounds to brand primary */
.tw-bg-green-500,
.tw-bg-green-600,
.tw-bg-green-700,
.tw-bg-green-800,
.bg-green-500,
.bg-green-600,
.bg-green-700,
.bg-green-800 {
  background-color: var(--brand-primary) !important;
}

/* Hover variants compiled by Tailwind (escaped colon) */
.hover\:tw-bg-green-600:hover,
.hover\:tw-bg-green-700:hover {
  background-color: #0f172a !important; /* darker hover */
}

/* Light background chips previously using green-100 */
.tw-bg-green-100,
.bg-green-100 {
  background-color: #e8ecf5 !important; /* subtle light blue */
}