/* Import the shared dark syntax/layout defaults, then apply Beacon's palette.
   This whole sheet follows the existing Light / Dark / Auto media switch. */
@import url("./docs-dark.css?v=20261030-12");
:root {
  color-scheme: dark;
  --ink: #f5f5f7;
  --ink-rgb: 245, 245, 247;
  --paper: #25252b;
  --paper-rgb: 37, 37, 43;
  --soft: #d1d1d6;
  --muted: #a1a1a6;
  --muted-rgb: 161, 161, 166;
  --rule: #424245;
  --wash: #f2a18d12;
  --surface: #1c1c1f;
  --surface-rgb: 28, 28, 31;
  --focus: #f2a18d;
  --accent-rgb: 242, 161, 141;
  --edge-top: #f2a18d36;
  --edge-bottom: #f2a18d12;
  --glow-violet: transparent;
  --glow-pink: transparent;
  --glow-cyan: transparent;
  --glass-fill: #ffffff09;
  --glass-panel: #302b2cf0;
  --glass-input: #17141659;
  --glass-stroke: #f2a18d33;
  --glass-highlight: #fff2ed26;
  --glass-shadow: 0 8px 24px #100a0b29, 0 2px 6px #100a0b14;
  --glass-overlay: #15111480;
  --code-keyword: #e5a2da;
  --code-string: #efb199;
  --code-number: #d2b1f3;
  --code-title: #a6c9fa;
  --code-comment: #91919d;
  --code-attribute: #9acbd0;
  --code-meta: #e8c196;
  --code-added: #b1d2bc;
  --code-deleted: #f2a18d;
  --code-command: #b1d2bc;
  --code-option: #f2a18d;
  --inline-code: #f2a18d;
  --inline-code-bg: #3d3033;
}