:root {
  color-scheme: dark;
  --font: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --mono: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
  --bg: #101010;
  --panel: #181818;
  --text: #f2f2f0;
  --muted: #a4a4a4;
  --line: #ffffff18;
  --line-strong: #ffffff30;
  --hover: #ffffff08;
  --selected: #ffffff0e;
  --accent: #eeeeec;
  --accent-hover: #ffffff;
  --ink: #141414;
  --danger: #eca18b;
}
:root[data-theme='light'] {
  color-scheme: light;
  --bg: #f4f3ef;
  --panel: #fcfbf8;
  --text: #191919;
  --muted: #6b6b68;
  --line: #1919191a;
  --line-strong: #19191930;
  --hover: #19191906;
  --selected: #1919190b;
  --accent: #202020;
  --accent-hover: #383838;
  --ink: #ffffff;
  --danger: #a83b24;
}
::selection { background: #8885; }
* { scrollbar-color: #7776 transparent; scrollbar-width: thin; }