/* Inherited from AHAH v3 and the existing homepage. The logo is untouched. */
:root {
  --green: #254337;
  --terracotta: #b85c38;
  --cream: #fffdf7;
  --paper: #fbf7ef;
  --ink: #263236;
  --muted: #5f6a6d;
  --line: #d9d0c2;
  --white: #ffffff;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-serif: Georgia, "Times New Roman", serif;
  /* Functional variants, not new master-brand colours. */
  --accent-text: #a74f2e;
  --green-hover: #19362a;
  --inverse-muted: #e1e6df;
  --inverse-accent: #f3c8b7;
  --inverse-line: #6f8175;
  --hero-overlay-rgb: 17 36 30; /* Existing homepage photographic overlay. */
  --surface: var(--cream);
  --surface-alt: var(--paper);
  --text: var(--ink);
  --text-secondary: var(--muted);
  --text-inverse: var(--cream);
  --focus: var(--green);
  --type-meta: .8125rem;
  --type-label: .9375rem;
  --type-body: 1.125rem;
  --type-body-small: 1.0625rem;
  --type-control: 1.0625rem;
  --type-control-compact: .9375rem;
  --type-subheading: 1.25rem;
  --type-heading: clamp(1.875rem, 1.5rem + 1vw, 2.25rem);
  --type-display: clamp(2.75rem, 1.5rem + 3.2vw, 4.25rem);
  --type-closing: clamp(2rem, 1.5rem + 1.6vw, 2.75rem);
  --weight-body: 400;
  --weight-heading: 750;
  --weight-control: 850;
  --leading-body: 1.55;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 80px;
  --radius: 5px;
  --border: 1px solid var(--line);
  --content-width: 1180px;
  --page-gutter: clamp(20px, 4vw, 48px);
  --column-gap: clamp(32px, 4vw, 64px);
  --section-space: var(--space-8);
  --header-offset: calc(4rem + 40px);
  --control-height: 54px;
  --control-height-compact: 48px;
  --icon-size: 1.25rem;
  --icon-stroke: 2;
}
@media (max-width: 720px) {
  :root { --type-body: 1.0625rem; --section-space: var(--space-7); --page-gutter: 20px; }
}
@media (max-width: 360px) { :root { --page-gutter: 16px; } }
