/* pmds/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, .brandname,
   the mark and the wordmark from index.html) and the primary button (index.css .btn-ink, the header's "Explore
   products"; in dark mode, which only these pages have, the same pair the other way round). The page surfaces are
   legal.css's (white, black in dark mode). tests/contrast.test.mjs holds the colours to WCAG AA. */
:root{
  --bg:#ffffff; --section:#ffffff; --card:#ffffff; --ink:#141220; --mail:#6D4AFF; --call:#FF5A1F;
  --btn:#141220; --on-btn:#ffffff;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#000000; --section:#000000; --card:#000000; --ink:#f5f5f7;
  --btn:#f5f5f7; --on-btn:#141220;
}}
.lg-brand{gap:10px}
.lg-brand .mark{width:26px;height:26px;color:var(--ink)}
.lg-brand .brandname{font-size:20px;letter-spacing:-.02em;color:var(--ink);white-space:nowrap}
.lg-brand .brandname .g{background:linear-gradient(90deg,var(--mail) 15%,var(--call) 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.legal a.lg-btn{background:var(--btn);color:var(--on-btn);font-weight:600;transition:transform .12s}
.legal a.lg-btn:hover{transform:translateY(-1px)}
.legal a.lg-btn:focus-visible{outline:2px solid var(--btn);outline-offset:3px}