/*
 * SWP V3.1 base layer: page colours and type defaults for content that is
 * not built from V3.1 components (posts, Kadence pages). Selectors use
 * :where() so the prototype's component classes (swp-v31.css) always win.
 */

body.swp{
  background:var(--bg);color:var(--text);
  font-family:var(--sans);font-size:17px;line-height:1.55;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}
:where(body.swp) :where(h1,h2,h3,h4,h5,h6){font-family:var(--sans);font-weight:700;color:var(--text)}
:where(body.swp) :where(a){color:inherit}
:where(body.swp) :where(img){max-width:100%;height:auto}
body.swp :focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:4px}
body.swp ::selection{background:var(--green);color:var(--green-ink)}

/* prose (posts, case studies, legal) */
:where(.prose,body.swp .entry-content){font-size:18px;line-height:1.75}
:where(.prose,body.swp .entry-content) a{text-decoration-color:var(--line-2);text-underline-offset:3px}
:where(.prose,body.swp .entry-content) a:hover{text-decoration-color:var(--green)}

@media (max-width:640px){
  body.swp{font-size:16px}
  :where(.prose,body.swp .entry-content){font-size:17px}
}

@media (prefers-reduced-motion:reduce){
  body.swp *,body.swp *::before,body.swp *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}