/* base.css — reset + typography + layout tokens (built in step G0, docs/PLAN.md §4.1).
   Design tokens from the Elementor kit (post-21.css), docs/PLAN.md §3 "Design tokens":
   accent #C7DEC1, green #3B9537, blue #3471B8/#73ADDE, brown #B36F49, yellow #FFD333,
   dark #1B1B1B/#41536D; container 1140px (1024 tablet, 767 mobile); Gotham Medium/Book. */
:root {
  --color-accent: #C7DEC1;
  --color-green: #3B9537;
  --color-blue: #3471B8;
  --color-blue-light: #73ADDE;
  --color-brown: #B36F49;
  --color-yellow: #FFD333;
  --color-dark: #1B1B1B;
  --color-dark-2: #41536D;
  --container-width: 1140px;
}
/* Brand font — the two Gotham faces the original self-hosts (copied from the client's own
   uploads/2023/08/). Audit 2026-09-07: the files had been in site/assets/fonts since
   step 0.5 and preloaded on every page, but nobody ever DECLARED them, so every page
   rendered in the system sans-serif while "using" Gotham. */
@font-face { font-family: "Gotham Book"; src: url("/assets/fonts/Gotham-Book.woff") format("woff"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Gotham Medium"; src: url("/assets/fonts/Gotham-Medium.woff") format("woff"); font-weight: 500; font-display: swap; }
* { box-sizing: border-box; }
body { margin: 0; font-family: "Gotham Book", -apple-system, sans-serif; color: var(--color-dark); }
h1, h2, h3 { font-family: "Gotham Medium", sans-serif; }
a { color: var(--color-blue); }
.wrap { max-width: var(--container-width); margin: 0 auto; padding: 0 1rem; }
.skip-link { position: absolute; left: -9999px; }
.skip-link:focus { left: 0; top: 0; background: #fff; padding: .5em; z-index: 10; }
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
@media (max-width: 1024px) { .wrap { max-width: 1024px; } }
@media (max-width: 767px) { .wrap { max-width: 767px; } }