/* Ag.Geo: white footer and contrasting header, shared by every ready page. */
:root {
  --site-chrome-white: #fff;
  --site-chrome-forest: #013528;
  --site-chrome-leaf: #32723a;
  --site-chrome-gold: #e3b52d;
  --site-chrome-line: #01352829;
}

:root [data-site-header] {
  --site-header-background: var(--site-chrome-forest);
  --site-header-ink: var(--site-chrome-white);
  --site-header-interaction: var(--site-chrome-gold);
  --site-header-border: #ffffff25;
  --site-header-focus: var(--site-chrome-gold);
  background: var(--site-header-background);
  color: var(--site-header-ink);
  border-color: var(--site-header-border);
  box-shadow: 0 5px 30px #001d1726;
}

:root [data-site-header][data-header-theme="light"] {
  --site-header-background: var(--site-chrome-white);
  --site-header-ink: var(--site-chrome-forest);
  --site-header-interaction: var(--site-chrome-leaf);
  --site-header-border: #01352824;
  --site-header-focus: var(--site-chrome-forest);
}

:root [data-site-header] :is(.nav-trigger, .brand-trigger) { color: var(--site-header-ink); }
:root [data-site-header] :is(.nav-trigger, .brand-trigger):is(:hover, [aria-expanded="true"]) { color: var(--site-header-interaction); }
:root [data-site-header] :is(a, button):focus-visible { outline-color: var(--site-header-focus); }
:root [data-site-header].site-header[data-header-scrolled="true"] { top: 12px; padding-block: 11px; }
:root [data-site-header].brand-header[data-header-scrolled="true"] { top: 12px; padding-block: 10px; }

:root [data-site-footer] {
  background: var(--site-chrome-white);
  color: var(--site-chrome-forest);
  border-top: 1px solid var(--site-chrome-line);
}
:root [data-site-footer] :where(p, a, span, div, button) { color: inherit; }
:root [data-site-footer] :is(.footer-bottom, .brand-footer-bottom) { border-color: var(--site-chrome-line); }
:root [data-site-footer] a:hover { color: var(--site-chrome-forest); text-decoration: underline; text-underline-offset: 4px; }
:root [data-site-footer] :is(a, button):focus-visible { outline-color: var(--site-chrome-forest); }

/* Keep footer links above Pedro's fixed launcher on every page. */
:root[data-pedro-enabled] [data-site-footer] { padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)); }

@media (max-width: 700px) {
  :root [data-site-header].brand-header[data-header-scrolled="true"] { top: 10px; padding-block: 9px; }
}

@media (max-width: 400px) {
  :root [data-site-header].brand-header { gap: 7px; padding-inline: 11px; }
  :root [data-site-header] .brand-lockup > img { width: 70px; }
  :root [data-site-header] .brand-nav { gap: 8px; }
  :root [data-site-header] .brand-trigger { font-size: 11px; gap: 5px; }
  :root [data-site-header] .brand-chevron { width: 6px; height: 6px; }
}
