/* Loaded by the system preference or the explicit appearance control. */
:root {
  color-scheme: dark;
  --ink: #f5edf9;
  --ink-rgb: 245, 237, 249;
  --paper: #171420;
  --paper-rgb: 23, 20, 32;
  --soft: #e0d3edbd;
  --muted: #aa99ba;
  --muted-rgb: 170, 153, 186;
  --rule: #c7a3ec29;
  --wash: #c7a3ec12;
  --surface: #231e30;
  --surface-rgb: 35, 30, 48;
  --focus: #d39bff;
  --accent-rgb: 211, 155, 255;
  --edge-top: #d6afff36;
  --edge-bottom: #d6afff12;
  --glow-violet: #a15aff24;
  --glow-pink: #ff86be14;
  --glow-cyan: #73d9f014;
  --glass-fill: #e5d4ff09;
  --glass-panel: #2b2239db;
  --glass-input: #100b1e38;
  --glass-stroke: #eddbff24;
  --glass-highlight: #f8eaff26;
  --glass-shadow: 0 8px 24px #08041029, 0 2px 6px #08041014;
  --glass-overlay: #09051259;
  --code-keyword: #d3a1fa;
  --code-string: #8fd9df;
  --code-number: #ffbb88;
  --code-title: #a6bbff;
  --code-comment: #a591b4;
  --code-attribute: #f2a8d0;
  --code-meta: #e8ce91;
  --code-added: #9ed8a8;
  --code-deleted: #f1a4b1;
  --code-command: #79d9ad;
  --code-option: #b9a4ff;
  --inline-code: #ffc17d;
  --inline-code-bg: #ffb45412;
  --shadow: 0 1px 1px #0003, 0 2px 2px -1px #0003, 0 4px 6px -3px #0000003d;
}