/* ============================
   NAVY / NAUTICAL THEME
   ============================ */

:root {
  --navy: #0A1A2F;
  --navy-light: #1F3B57;
  --gold: #C8A24A;
  --sand: #F4EFE6;
  --white: #FFFFFF;
}

/* Typography */
body {
  font-family: 'Inter', sans-serif;
  color: var(--navy);
}

h1, h2, h3, h4, h5, .navbar-brand {
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 0.5px;
}

/* Navbar */
.navbar {
  background-color: var(--navy) !important;
}

.nav-link {
  color: var(--white) !important;
  opacity: 0.85;
}

.nav-link:hover,
.nav-link.active {
  opacity: 1;
  border-bottom: 2px solid var(--gold);
}

/* Buttons */
.btn-primary {
  background-color: var(--navy);
  border-color: var(--navy);
}

.btn-primary:hover {
  background-color: var(--navy-light);
  border-color: var(--navy-light);
}

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

.btn-outline-primary:hover {
  background-color: var(--navy);
  color: var(--white);
}

/* Sections */
.section-navy {
  background-color: var(--navy);
  color: var(--white);
}

.section-sand {
  background-color: var(--sand);
}

/* Cards */
.card {
  border-radius: 8px;
}

.card-title {
  color: var(--navy);
}

/* Section Title */
.section-title {
  border-left: 4px solid var(--gold);
  padding-left: 12px;
  color: var(--navy);
}

/* Footer */
footer {
  background-color: var(--navy);
}