/* 🎨 Custom Lavender + White + Gold Theme */
/* 🎨 Lavender + White + Gold Theme (with navbar fixes) */
:root {
  /* Base Colors */
  --bs-body-bg: #FFFFFF;
  --bs-body-color: #6a6a82;

  /* Theme Colors */
  --bs-primary: #d6d6ff;   /* Lavender afafff */
  --bs-secondary: #e2bb6c; /* Gold */
  --bs-light: #FFFFFF;
  --bs-dark: #212529;

  /* Navbar */
  --bs-navbar-bg: var(--bs-primary);    /* Lavender background */
  --bs-navbar-color: var(--bs-dark);    /* Dark links for contrast */
  --bs-navbar-hover-color: var(--bs-secondary); /* Gold hover/active */
  --bs-navbar-brand-color: var(--bs-secondary); /* Brand/logo in gold */
  --bs-navbar-brand-hover-color: var(--bs-dark);



  /* Links */
  --bs-link-color: var(--bs-secondary);
  --bs-link-hover-color: #B8860B; /* darker golden shade */

  /* Buttons */
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-color: #FFFFFF;
  --bs-btn-hover-bg: #FFD700;       /* lighter gold */
  --bs-btn-hover-border-color: #FFD700;
}


/* Optional: Custom sections */
/* .navbar {
  background-color: var(--bs-primary) !important; 
} */

.footer {
  background-color: var(--bs-primary);
  color: #FFFFFF;
}

.btn-primary {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
  color: #FFFFFF;
}

.btn-primary:hover {
  background-color: #FFD700;
  border-color: #FFD700;
}