/* pmc/src/css/brand.css — this site's own look on the pages the build makes from templates/ (the legal pages and "page
   not found", laid out by shared/css/legal.css): the header brand as on the landing page (index.css .brand, the mark and
   the wordmark from index.html) and the primary button (index.css .btn-primary: the same colour pairs, held to WCAG AA
   by tests/contrast.test.mjs). The page surfaces are legal.css's (white, black in dark mode). */
:root{
  --bg:#ffffff; --section:#ffffff; --card:#ffffff; --text:#1d1d1f;
  --brand-accent:#ff5a1f; --btn:#c2410c; --btn-hover:#9a3412; --on-btn:#ffffff;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#000000; --section:#000000; --card:#000000; --text:#f5f5f7;
  --brand-accent:#ff7a3c; --btn:#ff7a3c; --btn-hover:#ff9159; --on-btn:#000000;
}}
.lg-brand{gap:9px;font-size:19px;letter-spacing:-.03em;color:var(--text)}
.lg-brand svg{height:26px;width:auto}
.lg-brand .c{color:var(--brand-accent)}
.legal a.lg-btn{background:var(--btn);color:var(--on-btn);font-weight:500;transition:background .18s}
.legal a.lg-btn:hover{background:var(--btn-hover)}
.legal a.lg-btn:focus-visible{outline:2px solid var(--btn);outline-offset:3px}