/* Bootstrap Overrides - Minimal approach */

/* Define brand colors as CSS variables */
:root {
  /* Primary color - #000100 */
  --proj-primary: #000100;
  --proj-primary-rgb: 0, 1, 0;

  /* Bootstrap variable overrides */
  --bs-primary: var(--proj-primary);
  --bs-primary-rgb: var(--proj-primary-rgb);

  /* Link color overrides to match primary */
  --bs-link-color: var(--proj-primary);
  --bs-link-hover-color: var(--proj-primary); /* Or slightly lighter/different if needed */
}

/* Only override essential Bootstrap components */
.btn-primary {
  background-color: var(--proj-primary);
  border-color: var(--proj-primary);
}

.btn-outline-primary {
  color: var(--proj-primary);
  border-color: var(--proj-primary);
}

.btn-outline-primary:hover {
  background-color: var(--proj-primary);
  border-color: var(--proj-primary);
}

/* Navbar brand customization */
.navbar-brand {
  font-weight: 700;
  color: var(--proj-primary) !important; /* Ensure it overrides bootstrap defaults */
}