:root {
  --night: #13294B; --night-2: #2F4260;
  --honey: #F5B700; --honey-hover: #F6C32D;
  --lagoon: #0E6A70; --mist: #EEF3F7;
  --on-accent: #13294B;
  --display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --body: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --r-box: 18px; --r-img: 22px; --r-sm: 10px; --r-btn: 999px;
  --shadow: 0 1px 2px rgba(19, 41, 75, .06), 0 8px 24px -12px rgba(19, 41, 75, .18);
}
.btn--primary, .btn--primary:visited, .btn--primary:hover { color: var(--on-accent); }
.btn, .chip { border-radius: var(--r-btn); }
.quote, .paycard, .auth__card, .acct-card, .bstep, .trip, .optcard__body, .table-wrap, .empty, .gcard { border-radius: var(--r-img); }
.hero__shade { background: linear-gradient(180deg, rgba(19, 41, 75,0) 30%, rgba(19, 41, 75,.78) 100%); }
.pkg-hero__shade { background: linear-gradient(180deg, rgba(19, 41, 75,.35) 0%, rgba(19, 41, 75,0) 30%, rgba(19, 41, 75,.85) 100%); }
.btn--ghost-light { background: rgba(19, 41, 75,.25); }
.gift-teaser { background: #F5B700; }
.gift-teaser .section__title, .gift-teaser .section__lead { color: #111111; }
.gift-teaser .btn--primary, .gift-teaser .btn--primary:visited { background: #13294B; color: #FFFFFF; }
.gift-teaser .btn--primary:hover { background: #2F4260; }