/* One color system for the business site, paid destinations, and confirmations. */
:root {
  --navy: #10364d;
  --navy-light: #24516b;
  --ink: #17354a;
  --muted: #496274;
  --blue: #076b8d;
  --gold: #ffc34c;
  --gold-end: #f5a623;
  --paper: #ffffff;
  --white: #ffffff;
  --line: #c9dfe9;
  --warm: #eaf6ff;
  --soft: #f3f8fc;
  --sand: #e3f3ff;
  --accent-soft: #eaf6ff;
  --accent-light: #c5eaff;
  --sky: #eaf6ff;
  --sky-strong: #cceaff;
  --green: #eaf8f0;
  --green-strong: #c7e8d6;
  --teal: #087581;
  --teal-deep: #075465;
  --frame-blue: #2a93bf;
  --frame-green: #438566;
  --on-color: #ffffff;
  --on-color-muted: #def3f5;
  --header-surface: #fffffff5;
  --hero-surface: linear-gradient(112deg, #ffffff 0%, #f1faff 50%, #cceaff 100%);
  --feature-surface: linear-gradient(120deg, #103f5b, #076f7b);
  --action-surface: linear-gradient(110deg, var(--gold), #ffb936);
  --action-hover: #ffd06a;
  --action-shadow: #bd7d0b;
  --review-stars: #86600b;
  --input-border: #7d9ba9;
  --footer-muted: #d9ebf1;
}

/* Shared family navigation, separate from each site's main menu. */
.family-nav { background:#f3f6f8; color:var(--ink); border-bottom:1px solid var(--line); font:600 12px/1.4 Arial,sans-serif; }
.family-nav-inner { max-width:1320px; margin:auto; padding:0 28px; min-height:34px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.family-nav-inner > div { display:flex; gap:22px; }
.family-nav a { display:inline-flex; align-items:center; gap:8px; min-height:34px; color:var(--ink); text-decoration:none; border-bottom:2px solid transparent; }
.family-nav a::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--frame-blue); }
.family-nav .family-energy::before { background:var(--gold); }
.family-nav a[aria-current],.family-nav a:hover { border-bottom-color:var(--blue); }
.family-nav a:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
@media(max-width:480px) { .family-nav-inner { padding:0 14px; font-size:10px; gap:8px; } .family-nav-inner > div { gap:12px; } .family-nav a { gap:5px; } }