/* Bootstrap Overrides - Minimal approach */

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

  /* Secondary color - #C22E2E */
  --proj-secondary: #C22E2E;
  --proj-secondary-rgb: 194, 46, 46;

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

  --bs-secondary: var(--proj-secondary);
  --bs-secondary-rgb: var(--proj-secondary-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 */
}