.navbar-brand img {
  width: 15rem;
}

[data-bs-theme="dark"] .navbar-brand,
[data-bs-theme="dark"] .text-inverse {
  filter: brightness(1) invert(0);
}

:root {
  --bs-primary: #027c22;
  --bs-primary-rgb: 2, 124, 34;
  --bs-body-bg: #010904;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #02681d;
  --bs-btn-hover-border-color: #025e1a;
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #025e1a;
  --bs-btn-active-border-color: #025416;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

/* Links */
a,
.link-primary {
  color: var(--bs-primary);
  text-decoration: none;
}

::selection {
  background: #daffe4 !important;
  color: #02681d;
}

a:hover,
.link-primary:hover {
  color: #02681d;
  text-decoration: none;
}

a:focus,
.link-primary:focus {
  color: #025e1a;
  outline: none;
  box-shadow: none;
}

.nav-link:hover {
  text-decoration: none;
}

.nav-item {
  margin: 0 0.5rem !important;
}

.card-img-top {
  height: 300px;
  object-fit: cover;
}

.card {
  display: flex;
  flex-direction: column;
}

.card-body {
  flex-grow: 1;
}

.bg-dark-success {
  background-color: #020f07 !important;
}

.min-vh-75 {
  min-height: 78vh !important;
}

.form-control:focus {
  background-color: var(--bs-body-bg);
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
  color: var(--bs-body-color);
  outline: 0;
}

/* Checkbox when checked */
.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

/* Optional: hover effect */
.form-check-input:hover {
  border-color: var(--bs-primary);
}

/* Focus effect (already done) */
.form-check-input:focus {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
  outline: 0;
}

html {
  scroll-padding-top: 100px; /* height of your fixed header */
  scroll-behavior: smooth; /* optional for smooth scrolling */
}
