:root {
  --navy-primary: #122338;
  --navy-dark: #0a1624;
  --gold-primary: #d4a017;
  --gold-hover: #b8860b;
}

body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #333;
}

.bg-navy {
  background-color: var(--navy-primary) !important;
}

.text-navy {
  color: var(--navy-primary) !important;
}

.bg-gold {
  background-color: var(--gold-primary) !important;
}

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

.btn-gold {
  background-color: var(--gold-primary);
  border-color: var(--gold-primary);
  color: var(--navy-dark);
}

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

.top-bar {
  background-color: var(--navy-dark);
}

.hero-banner {
  background: linear-gradient(rgba(18, 35, 56, 0.88), rgba(18, 35, 56, 0.92)), url('https://images.unsplash.com/photo-1541888946425-d0fbb186c5f6?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;
}