/* Beacon's neutral and sandstone palette, from beacon/site/styles.css and
   beacon.css. The documentation layout and appearance controls stay shared. */
:root {
  color-scheme: light;
  --ink: #1d1d1f;
  --ink-rgb: 29, 29, 31;
  --paper: #f5f5f7;
  --paper-rgb: 245, 245, 247;
  --soft: #424245;
  --muted: #6e6e73;
  --muted-rgb: 110, 110, 115;
  --rule: #d2d2d7;
  --wash: #973f350a;
  --surface: #ffffff;
  --surface-rgb: 255, 255, 255;
  --focus: #973f35;
  --accent-rgb: 151, 63, 53;
  --edge-top: #973f3526;
  --edge-bottom: #973f3512;
  --glow-violet: transparent;
  --glow-pink: transparent;
  --glow-cyan: transparent;
  --glass-fill: #ffffff66;
  --glass-panel: #f8f5f2ed;
  --glass-input: #ffffff80;
  --glass-stroke: #973f3526;
  --glass-highlight: #ffffffd9;
  --glass-shadow: 0 8px 24px #3916130c, 0 2px 6px #39161308;
  --glass-overlay: #371f1a29;
  --code-keyword: #a23c99;
  --code-string: #a44428;
  --code-number: #7856ad;
  --code-title: #3265a3;
  --code-comment: #898993;
  --code-attribute: #487388;
  --code-meta: #785c26;
  --code-added: #49775d;
  --code-deleted: #973f35;
  --code-command: #446e55;
  --code-option: #973f35;
  --inline-code: #973f35;
  --inline-code-bg: #973f3512;
}
body::before { background: none; }
.sidebar .brand img { width: calc(100% - 12px); height: auto; margin: 6px; }
.mobile-header .brand img { width: calc(100% - 8px); height: auto; margin: 4px; }
.nav-group a { transition: none; }
.article :where(a:not(.btn)):not(.heading-link) { color: var(--focus); text-decoration-color: currentColor; }