/**
 * Shared MakeChoice brand theme (matches homepage).
 * Cream / forest / amber · Fraunces + DM Sans — overrides Bootstrap blue (#407bff).
 */
:root {
  --forest: #1B4332;
  --leaf: #2D6A4F;
  --sage: #52B788;
  --mist: #D8F3DC;
  --amber: #E07B39;
  --cream: #FAF7F2;
  --chalk: #FFFFFF;
  --ink: #111814;
  --slate: #3D4F3E;
  --stone: #8FA98E;
  --warm-gray: #F2EDE6;
  --cof-primary: #1B4332;
  --cof-primary-hover: #2D6A4F;
}

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

h1, h2, h3, .display, .serif {
  font-family: 'Fraunces', serif;
}

.text-primary,
a.text-primary,
a.text-primary:hover {
  color: var(--cof-primary) !important;
}

.bg-primary,
.btn.btn-primary,
.btn-primary {
  background: var(--cof-primary) !important;
  border-color: var(--cof-primary) !important;
  color: var(--chalk) !important;
}

.btn.btn-primary:hover,
.btn-primary:hover {
  background: var(--cof-primary-hover) !important;
  border-color: var(--cof-primary-hover) !important;
}

.btn.btn-outline-primary {
  border-color: var(--cof-primary) !important;
  color: var(--cof-primary) !important;
  background: transparent !important;
}

.btn.btn-outline-primary:hover {
  background: var(--cof-primary) !important;
  color: var(--chalk) !important;
}

.bg-primary-light {
  background: var(--mist) !important;
}

.site-nav {
  background: rgba(250, 247, 242, 0.92) !important;
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(27, 67, 50, 0.1);
}

.site-nav .site-navigation .site-menu > li > a {
  color: var(--slate);
}

.site-nav .site-navigation .site-menu > li > a:hover,
.site-nav .site-navigation .site-menu > li > a.active,
.site-nav .site-navigation .site-menu > li.active > a {
  color: var(--forest) !important;
}

.site-nav .site-navigation .site-menu > li.cta-primary a {
  background: var(--forest) !important;
  color: var(--chalk) !important;
}

.signIn {
  background-color: var(--forest) !important;
  color: var(--chalk) !important;
  border: none !important;
}

.signIn:hover {
  background-color: var(--leaf) !important;
  color: var(--chalk) !important;
  border: none !important;
}