:root{
  --wfc-navy:#0b1f3b;
  --wfc-teal:#1aa7a1;
  --wfc-sand:#f6f3ee;
}

/* Subtle premium feel */
body{font-feature-settings:"liga" 1, "calt" 1;}

.navbar-brand{letter-spacing:.2px;}

.hero-gradient{
  background:
    radial-gradient(1200px 500px at 20% 10%, rgba(26,167,161,.22), transparent 55%),
    radial-gradient(900px 420px at 85% 25%, rgba(13,110,253,.14), transparent 55%),
    linear-gradient(180deg, rgba(11,31,59,.08), rgba(11,31,59,0));
}

.bg-sand{background:var(--wfc-sand);}

.text-navy{color:var(--wfc-navy)!important;}

.btn-wfc{
  --bs-btn-bg: var(--wfc-navy);
  --bs-btn-border-color: var(--wfc-navy);
  --bs-btn-hover-bg: #091a31;
  --bs-btn-hover-border-color: #091a31;
  --bs-btn-color: #fff;
  --bs-btn-hover-color:#fff;
  --bs-btn-active-bg:#071426;
  --bs-btn-active-border-color:#071426;
}

.btn-wfc-outline{
  --bs-btn-color: var(--wfc-navy);
  --bs-btn-border-color: rgba(11,31,59,.35);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--wfc-navy);
  --bs-btn-hover-border-color: var(--wfc-navy);
}

.icon-bubble{
  width:44px;height:44px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:16px;
  background: rgba(26,167,161,.12);
  color: var(--wfc-teal);
}

.card-soft{border:1px solid rgba(0,0,0,.06); box-shadow: 0 10px 30px rgba(11,31,59,.06); border-radius: 1rem;}

.badge-soft{
  background: rgba(26,167,161,.12);
  color: var(--wfc-teal);
  border: 1px solid rgba(26,167,161,.22);
}

.footer-link a{color:rgba(255,255,255,.75); text-decoration:none;}
.footer-link a:hover{color:#fff; text-decoration:underline;}

/* Accessible focus */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{
  outline: 3px solid rgba(26,167,161,.35);
  outline-offset: 2px;
}

/* Small print helper */
.small-note{font-size:.925rem; color:rgba(33,37,41,.75);}

/* Review stars */
.star{color:#ffc107;}

/* Prevent SVGs from stretching weirdly */
.svg-fit{max-width:100%; height:auto;}

.nav-link.active {
  font-weight: 600;
  color: var(--wfc-navy) !important;
}