/* ==========================================================================
   PIPER MOSS - page skin for the service and report pages
   These pages carry the previous dark, timber-accented styling. This maps
   them onto the current brand: white ground, green accent, square corners,
   Gopher type. Presentation only, no markup or tracking is touched.
   ========================================================================== */
:root{
  --ground-char:#ffffff; --ground-char-2:#ffffff;
  --ground-dark:#ffffff; --ground-dark-2:#f4f6f5;
  --ground-paper:#ffffff; --ground-paper-raised:#ffffff;
  --navy:#33554f; --navy-mid:#3f665c; --navy-line:#c9d5d1; --navy-deep:#25403b;
  --timber:#33554f; --timber-hover:#3f665c; --timber-ink:#25403b; --timber-bright:#33554f;
  --blue-hl:#33554f;
  --ink:#2c3639; --ink-head:#2c3639; --ink-muted:#5f6f6a;
  --cream:#2c3639;                        /* was cream-on-dark: now ink-on-white */
  --cream-lead:rgba(44,54,57,.82); --cream-body:rgba(44,54,57,.75);
  --cream-label:rgba(44,54,57,.60); --cream-note:rgba(44,54,57,.55);
  --line-timber:rgba(51,85,79,.18); --line-dark:rgba(44,54,57,.12);
  --line-dark-strong:rgba(44,54,57,.20); --line-paper:#c9d5d1;
  --line-grid-dark:rgba(51,85,79,.10);
  --font-display:'Gopher','Figtree',sans-serif;
  --font-body:'Gopher Text','Gopher','Figtree',sans-serif;
  --tb-display:'Gopher','Figtree',sans-serif;
  --r-sm:0; --r-md:0; --r-lg:0; --r-pill:0;
  --shadow-plate:none; --shadow-timber:none;
}
*,*::before,*::after{border-radius:0 !important}
body{background:#ffffff;color:#2c3639;font-family:var(--font-body)}
h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:500;letter-spacing:-.015em;color:#2c3639}

/* dark sections become white with a hairline */
section,.section,.band,.plate,.panel,.card,.tile{box-shadow:none !important}
[class*="dark"],[class*="char"],[class*="ground-dark"]{background:#ffffff !important;color:#2c3639 !important}

/* timber accents become green */
[class*="timber"]{color:#33554f}
.btn-timber,.cta,.cta-primary,button.primary{
  background:#33554f !important;border:1px solid #33554f !important;color:#fff !important;box-shadow:none !important}
.btn-timber:hover,.cta:hover,.cta-primary:hover{background:#3f665c !important;border-color:#3f665c !important;transform:none !important}
a{color:inherit}
a:hover{color:#33554f}

/* the new nav and footer own their own styling, keep this skin out of them */
.pm-nav,.pm-nav *,.pm-footer,.pm-footer *{}
.pm-footer{background:#2c3639 !important;color:#f6f5f1 !important}
.pm-footer h4{color:rgba(246,245,241,.5) !important}
.pm-footer a,.pm-footer li,.pm-footer .blurb{color:rgba(246,245,241,.75) !important}
.pm-footer a:hover{color:#f6f5f1 !important}
.pm-footer .base{color:rgba(246,245,241,.5) !important}
