/* Shared site chrome: fonts, palette, nav, footer. Linked by every page. */

@font-face {
  font-family: "High Noon";
  src: url("/assets/fonts/HighNoon-Regular.woff2") format("woff2"),
       url("/assets/fonts/HighNoon-Regular.woff") format("woff");
  font-weight: normal; font-style: normal; font-display: swap;
}

:root {
  --cream:#f6edd8; --blue:#1e439c; --aqua:#c8e8e9;
  --olive:#9aa83a; --red:#d42b2b;
}

/* ── Header nav ─────────────────────────────────────────────── */
.nav {
  display: flex; align-items: center; justify-content: space-between;
  gap: 1rem; flex-wrap: wrap;
  padding: clamp(14px, 2.2vw, 22px) clamp(18px, 4vw, 44px);
  background: var(--cream);
}
.nav-logo { display: inline-flex; }
.nav-logo img { width: clamp(46px, 6vw, 64px); height: auto; display: block; }
.nav-links {
  display: flex; align-items: center; gap: clamp(16px, 3vw, 34px);
  font-family: "High Noon", system-ui, sans-serif;
  font-size: clamp(1rem, 1.7vw, 1.3rem);
}
.nav-links a {
  color: var(--blue); text-decoration: none; letter-spacing: .01em;
  padding-bottom: 2px; border-bottom: 2px solid transparent;
}
.nav-links a:hover,
.nav-links a[aria-current="page"] { border-bottom-color: var(--blue); }

/* ── Footer ─────────────────────────────────────────────────── */
.foot {
  background: var(--blue); color: var(--cream);
  text-align: center; padding: clamp(32px, 6vw, 64px) clamp(18px, 4vw, 44px);
  font-family: system-ui, sans-serif; font-size: .95rem; line-height: 1.7;
}
.foot a { color: var(--cream); }
.foot .foot-mark {
  font-family: "High Noon", system-ui, sans-serif;
  font-size: 1.3rem; display: block; margin-bottom: .4rem;
}