/* Auto follows the device. Explicit choices constrain the browser's color scheme. */
:root {
  color-scheme: light dark;
  --page: light-dark(#f8f7f3, #161817);
  --surface: light-dark(#ffffff, #202321);
  --ink: light-dark(#191919, #f0eee8);
  --muted: light-dark(#595d58, #b7bdb6);
  --quiet: light-dark(#66645e, #aaa89f);
  --line: light-dark(#dcded7, #3a403a);
  --section-rule: light-dark(#989b94, #69716a);
  --signal: #ff642b;
  --signal-text: light-dark(#b5370e, #ff7b4b);
  --machine: #20211f;
  --blue: light-dark(#b9380d, #ff946d);
  --selection: light-dark(#ffd4bf, #653421);
  --surface-hover: light-dark(#e9e6dc, #30302b);
  --surface-soft: light-dark(#eeefe8, #252b25);
  --accent-ink: light-dark(#92300f, #ffa583);
  --pill-ink: light-dark(#48473f, #d4d1c7);
  --pill-border: light-dark(#cbc7bc, #4a4941);
  --pill-hover: light-dark(#eae7dd, #30302b);
  --pill-hover-border: light-dark(#aba697, #706c5e);
  --bio-surface: light-dark(#fbfaf6, #252520);
  --bio-border: light-dark(#cbc7bc, #4a4941);
  --glass-start: light-dark(#fbfaf6f5, #252520f5);
  --glass-end: light-dark(#f4f2ecf5, #20201cf5);
  --shadow: light-dark(#30250f14, #00000040);
  --halo: light-dark(#ff642b14, #ff642b12);
  --edge-light: light-dark(#ffffff80, #ffffff10);
  --highlight-ink: light-dark(#793016, #ffdfd1);
  --highlight-start: light-dark(#ede4d6, #403128);
  --highlight-end: light-dark(#ede4d6, #403128);
  --highlight-glow: light-dark(#bd531330, #ff9a5b30);
  --highlight-rest: light-dark(#bd531312, #ff9a5b12);
  --workflow-surface: #202321;
  --workflow-ink: #f6f3eb;
  --workflow-muted: #bdc3ba;
  --workflow-line: #454c45;
  --workflow-accent: #b5370e;
  --workflow-accent-muted: #ffdbce;
  --closing-surface: light-dark(#202321, #eeede7);
  --closing-ink: light-dark(#f0eee8, #202321);
  --closing-muted: light-dark(#b7bdb6, #595d58);
  --radius-sm: 6px;
  --radius-md: 12px;
  background: var(--page);
  color: var(--ink);
}
:root[data-theme='light'] { color-scheme: light; }
:root[data-theme='dark'] { color-scheme: dark; }
@media print { :root, :root[data-theme] { color-scheme: light; } }