:root {
  color-scheme: light;
  --paper: #f4f0e7;
  --ink: #20363b;
  --muted: #626c65;
  --line: #d8d6cb;
  --red: #dc492f;
  --green: #386b54;
  --surface: rgba(255,255,255,.27);
  --field: #f4f0e7;
  --menu: #fffdf7;
  --soft: #e8ece2;
  --soft-line: #ccd4c4;
  --subtle: #626f68;
  --art-line: #c7ccbf;
  --art-faint: #d6d6ca;
  --art-mid: #7f9187;
  --art-other: #bbc2b4;
  --token: #e6e9dc;
  --font-display: Georgia, 'Times New Roman', serif;
  --font-body: Arial, Helvetica, sans-serif;
  --font-data: monospace;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #14262b;
  --ink: #f1ecdf;
  --muted: #a6b6ad;
  --line: #3b4c4e;
  --red: #ff8b6d;
  --green: #a3c8ad;
  --surface: #1a2e33;
  --field: #1d3338;
  --menu: #213b40;
  --soft: #243d36;
  --soft-line: #426354;
  --subtle: #b5c3b9;
  --art-line: #60776f;
  --art-faint: #3c5554;
  --art-mid: #8ba899;
  --art-other: #556f69;
  --token: #334c45;
}

:root { --accent-text: #b83c27; }
:root[data-theme="dark"] { --accent-text: #ff8b6d; }