* {
  box-sizing: border-box;
}
html,
body {
  overflow-x: hidden;
}
:root {
  --deepblue: #0a1744;
  --lightcream: #fef6e4;
  --gold: #d4af37;
  --softwhite: #eef2f3;
}

body {
  background-color: var(--softwhite);
  color: var(--deepblue);
  font-family: "Segoe UI", sans-serif;
}

.hero-section {
  background-color: var(--deepblue);
  position: relative;
  overflow: hidden;
}

.text-gold {
  color: var(--gold);
}

.text-lightcream {
  color: var(--lightcream);
}

.btn-gold {
  background-color: var(--gold);
  color: var(--deepblue);
  border: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-gold:hover {
  background-color: #c5a437;
  color: #fff;
}
.bg-lightcream {
  background-color: var(--lightcream);
}

.bg-deepblue {
  background-color: var(--deepblue);
}

.text-gold {
  color: var(--gold);
}

.border-gold {
  border: 2px solid var(--gold);
}

.highlight-card {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}

.highlight-card:hover {
  transform: scale(1.08);
  box-shadow: 0 0 30px rgba(212, 175, 55, 0.5);
}
.form-control {
  border-radius: 0.5rem;
  border: 1px solid var(--deepblue);
  box-shadow: none;
}

.form-control:focus {
  border-color: var(--gold);
  box-shadow: 0 0 5px rgba(212, 175, 55, 0.5);
}

.form-check-input:checked {
  background-color: var(--gold);
  border-color: var(--gold);
}
.bg-deepblue {
  background-color: #0a1f3d;
}
.text-gold {
  color: #e4b04c;
}
.bg-lightcream {
  background-color: #f9f7f3;
}
.navbar-dark .navbar-nav .nav-link:hover,
.dropdown-menu-dark .dropdown-item:hover {
  color: #e4b04c !important;
}
footer a:hover {
  text-decoration: underline;
  color: #e4b04c;
}