/* L1(a) active font/theme scaffold. The coherent L1 batch adds the material
   treatments; this file does not transplant the prototype's layout or sizes. */
:root.lacquer { color-scheme: light; }
@media (prefers-color-scheme: dark) {
  :root.lacquer:not([data-theme]) { color-scheme: dark; }
}
:root.lacquer[data-theme="dark"] { color-scheme: dark; }

html.lacquer body {
  background: var(--lacquer-page);
  color: var(--lacquer-ink-2);
  font-family: var(--font-body);
}
html.lacquer :is(h1, h2, h3, h4, button, .btn) {
  font-family: var(--font-title);
}
html.lacquer :is(h1, h2, h3, h4) {
  font-weight: 700;
  letter-spacing: -.015em;
}
html.lacquer .chead h1 {
  font-weight: 800;
  letter-spacing: -.02em;
}
html.lacquer :is(code, pre, .mono) { font-family: var(--mono); }

html.lacquer #themebtn {
  color: var(--lacquer-ink-2);
  background: var(--lacquer-card);
  border: 1px solid var(--lacquer-line-2);
  border-radius: 100px;
  font-family: var(--font-title);
  font-size: 14px;
  cursor: pointer;
}
html.lacquer #themebtn:focus-visible {
  outline: 2px solid var(--lacquer-brand-2);
  outline-offset: 2px;
}
@media (forced-colors: active) {
  html.lacquer #themebtn { color: ButtonText; background: ButtonFace; border-color: ButtonText; }
  html.lacquer #themebtn:focus-visible { outline-color: Highlight; }
}