/* ACMS design tokens — see build brief §1 */
:root {
  --acms-navy: #15597a;
  --acms-navy-deep: #0b394f;
  --acms-yellow: #f7cc45;
  --acms-brown: #63511d;
  --acms-cream: #ffffe8;
  --acms-body: #4a5a64;
  --acms-muted: #7b8891;
  --acms-line: #e4ebef;
  --acms-wash: #f4f7f9;

  --acms-font: "Open Sans", Arial, sans-serif;

  --acms-content-max: 1440px;
  --acms-content-pad: 60px;
  --acms-section-pad: 88px 60px 96px;
}

body {
  font-family: var(--acms-font);
  font-size: 17px;
  line-height: 1.75;
  color: var(--acms-body);
}

.acms-section-heading {
  font: 700 42px/1.2 var(--acms-font);
  color: var(--acms-navy);
}

.acms-eyebrow {
  font: 800 13px/1 var(--acms-font);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--acms-navy);
}

.acms-content {
  max-width: var(--acms-content-max);
  margin: 0 auto;
  padding-left: var(--acms-content-pad);
  padding-right: var(--acms-content-pad);
}

@media (max-width: 980px) {
  :root { --acms-content-pad: 24px; }
}