@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Karla:wght@400;500;700&display=swap');

:root {
  --oast-ink: #2a1c10;
  --oast-amber: #b3701f;
  --oast-amber-dark: #8a5518;
  --oast-cream: #faf3ea;
}

body {
  background-color: var(--oast-cream);
  color: var(--oast-ink);
  font-family: 'Karla', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Cormorant Garamond', serif;
  color: var(--oast-amber-dark);
}

a {
  color: var(--oast-amber);
}
a:hover {
  color: var(--oast-amber-dark);
}

.navbar {
  background-color: #f1e4d2 !important;
  border-bottom: 3px solid var(--oast-amber);
}
.navbar-brand {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 700;
  color: var(--oast-amber-dark) !important;
}
.nav-link {
  color: var(--oast-ink) !important;
}
.nav-link.active {
  color: var(--oast-amber-dark) !important;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: var(--oast-amber);
}

.border-primary {
  border-color: var(--oast-amber) !important;
}

.btn-primary {
  background-color: var(--oast-amber);
  border-color: var(--oast-amber-dark);
}
.btn-primary:hover {
  background-color: var(--oast-amber-dark);
  border-color: var(--oast-amber-dark);
}

.card.bg-light {
  background-color: #f1e4d2 !important;
  border-color: rgba(179, 112, 31, 0.35);
}