/* The site's look, chosen by Jon and Gunn on 2026-10-22 from the /look/ comparison:
   serif headlines on the cream ground, in westwardland.com's colours (raspberry, teal, navy).
   Loaded after every page stylesheet, so it overrides the original wireframe palette. */
body.skin{
  --raspberry:#C34271;--raspberry-dark:#A63659;--teal:#1FB7A6;--navy:#161922;
  --forest:var(--navy);--brass:var(--raspberry-dark);--brass-dark:var(--teal);
  --serif:"Lora",Georgia,serif;
  --radius:3px;
}

/* Headline font: Lora, Jon's pick from the round 4 picker. Fraunces went first: its lowercase f
   kept the hook Jon and Gunn called the funky F. */
body.skin .serif,body.skin blockquote,body.skin .price{letter-spacing:0}
body.skin h1,body.skin h2,body.skin h3{letter-spacing:-0.01em}

/* The pop: raspberry on every primary action. White on #C34271 is 4.6:1. */
body.skin .btn{border-radius:var(--radius)}
body.skin .btn.solid,body.skin .btn.hero-btn{background:var(--raspberry);color:#fff;border-color:var(--raspberry)}
body.skin .btn.solid:hover,body.skin .btn.hero-btn:hover{background:var(--raspberry-dark);border-color:var(--raspberry-dark);color:#fff}
body.skin .more{color:var(--raspberry-dark)}
body.skin .bleed{background:var(--navy)}
body.skin .bleed-scrim{background:linear-gradient(to top,rgba(22,25,34,0.62) 0%,rgba(22,25,34,0.45) 30%,rgba(22,25,34,0.2) 62%,rgba(22,25,34,0.06) 85%,rgba(22,25,34,0) 100%)}
body.skin .site-footer{color:#A7ABB6}
body.skin .foot-tag{color:var(--teal) !important}
body.skin :focus-visible{outline-color:var(--teal)}

/* Teal, a little further (Gunn, 2026-10-22: it only showed in two places). Section kickers on
   cream take the dark teal, which is 5.6:1 on the cream ground. */
body.skin .label{color:#0F6F64}
body.skin .label.light{color:var(--teal)}

/* Everything serif stays upright: italics read as fussy at these sizes (and in Fraunces they
   were the first funky F, in the footer). */
body.skin .serif,body.skin blockquote{font-style:normal}

/* Top banner: black, bookending the black footer. Jon and Gunn compared it with cream and both
   chose black (round 4), so the toggle is gone. */
body.skin .brand-logo{height:54px;width:auto}
body.skin .site-header{background:var(--navy);color:#fff}
body.skin .site-header nav a:not(.btn){color:#fff !important}
body.skin .site-header nav a:not(.btn):hover{color:var(--teal) !important}
body.skin .logo-on-light{display:none}

/* The Google star in Google's own review yellow, off-palette on purpose (Jon, round 5). */
body.skin .g-star{color:#FBBC04}