/* ============================================================
   Harbourline Plumbing & Heating - skin
   Palette, fonts, weights and radius for this trade demo. Loaded
   AFTER base.css. Copied verbatim from the homepage inline skin so
   every page shares one source of truth. Structure lives in base.css.
   ============================================================ */
:root{
  --brand:#153f68; --brand-deep:#0d2b49; --brand-soft:#e9eff6;
  --accent:#c9271b; --accent-deep:#a41f15; --accent-soft:#fbebe9;
  --paper:#ffffff; --paper-2:#f5f7fa; --ink:#1c2733; --muted:#55616e; --line:#e2e7ed;
  --font-display:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-text:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --wt-head:800; --wt-h1:900; --radius:16px; --radius-sm:10px;
}

/* --- skin addition (subpages only; not present on the homepage) ---------
   The blog-post byline sits INSIDE the dark .hero.on-dark band. base.css
   tunes .byline for a light surface (muted ink, no separator), which is
   low-contrast here and runs the author name straight into the date.
   Restore the light, spaced treatment the dark hero needs, matching the
   base.css on-dark pattern (e.g. .hero.on-dark .quick-answer). Scoped to
   on-dark so it only fires in the dark hero. */
.hero.on-dark .byline{
  display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);
  color:rgba(255,255,255,.78);font-weight:600;
}