:root {
  --bs-primary: #0c2340;
  --bs-primary-rgb: 12, 35, 64;
  --bs-secondary: #b08d57;
  --bs-secondary-rgb: 176, 141, 87;
  --bs-body-font-family: "IBM Plex Sans", system-ui, sans-serif;
  --bs-body-color: #1c2430;
  --bs-body-bg: #f6f3ee;
  --bs-border-color: #e4ddd2;
  --bs-link-color: #0c2340;
  --bs-link-hover-color: #b08d57;
}

.font-display {
  font-family: "Fraunces", Georgia, serif;
}

.navbar-brand .mark {
  width: 2rem;
  height: 2rem;
}

.navbar-brand .brand-sub {
  font-size: 0.7rem;
}

.hero {
  min-height: 86vh;
}

.section-kicker {
  letter-spacing: 0.16em;
}

.product-frame {
  border: 1px solid var(--bs-border-color);
}

.btn-primary {
  --bs-btn-bg: #0c2340;
  --bs-btn-border-color: #0c2340;
  --bs-btn-hover-bg: #08182c;
  --bs-btn-hover-border-color: #08182c;
  --bs-btn-active-bg: #08182c;
}

.btn-secondary {
  --bs-btn-color: #0c2340;
  --bs-btn-bg: #b08d57;
  --bs-btn-border-color: #b08d57;
  --bs-btn-hover-color: #0c2340;
  --bs-btn-hover-bg: #c4a36d;
  --bs-btn-hover-border-color: #c4a36d;
}

.bg-navy {
  background-color: #0c2340;
}

.text-gold {
  color: #b08d57;
}

.bg-warm {
  background-color: #f6f3ee;
}

.bg-paper {
  background-color: #fffcf8;
}