/* Host aliases for the approved DOOOQS palette. The old theme remains available
   to existing customer-document rendering; these aliases style browser chrome. */
:root {
  --canvas: var(--brand-porcelain);
  --surface: #FBFAF6;
  --surface-2: #F5F2EA;
  --surface-3: #EDE9E0;
  --ink: var(--brand-ink);
  --ink-2: var(--brand-ink-80);
  --ink-3: var(--brand-ink-60);
  --on-dark: var(--brand-porcelain);
  --on-dark-2: #C5CFCE;
  --line: var(--brand-ink-12);
  --line-strong: #A9B3B1;
  --accent: var(--brand-ink);
  --accent-hover: #1B3C49;
  --accent-press: #0A202A;
  --accent-wash: var(--brand-sand-16);
  --accent-line: #CFC1AD;
  --on-accent: var(--brand-porcelain);
  --primary: var(--brand-ink);
  --muted: var(--brand-ink-60);
  --focus: 2px solid var(--brand-ink);
}
main.wrap.landing {
  --lp-band: var(--brand-ink);
  --lp-paper: var(--brand-porcelain);
  --lp-line: #D7D0C4;
  --lp-sand: var(--brand-sand);
  --lp-stone: var(--brand-ink-80);
  --lp-on-band: var(--brand-porcelain);
  --lp-on-band-2: #D7DDDA;
}
.brand img.brand-wordmark { width: 119px; height: auto; border-radius: 0; }
.brand img.brand-icon { width: 32px; height: 32px; }
.brand-name { color: var(--brand-ink); }
.foot { background: var(--brand-ink); color: var(--brand-porcelain); }
@media (max-width: 30rem) {
  .brand img.brand-wordmark { width: 104px; }
}