:root {
  color-scheme: light;
  --tavern-paper: #f4f7f3;
  --tavern-surface: #ffffff;
  --tavern-ink: #1e342b;
  --tavern-muted: #5d7065;
  --tavern-muted-strong: #405b4c;
  --tavern-soft: #edf3ed;
  --tavern-line: #d8e3d8;
  --tavern-accent: #26734d;
  --tavern-accent-strong: #1d5c3c;
  --tavern-focus: #3b865e;
  --tavern-flower: #26734d;
  --tavern-selected: #e6f1e7;
  --tavern-selected-ink: #1d5c3c;
  --tavern-selected-line: #b7d2bd;
  --tavern-snow: #a8beb0;
  --tavern-snow-ink: #405b4c;
  --tavern-snow-soft: #e5efe7;
  --tavern-danger: #b54742;

  /* These materials belong to the three-dimensional tavern, not reading pages. */
  --tavern-wood: #211a15;
  --tavern-wood-panel: #2d231b;
  --tavern-wood-raised: #392b20;
  --tavern-wood-hover: #513a27;
  --tavern-wood-line: #7c6144;
  --tavern-wood-ink: #efdfc5;
  --tavern-wood-muted: #c4b299;
  --tavern-wood-accent: #e1bd83;
  --tavern-loading: #211a15e8;

  --tavern-action: #26734d;
  --tavern-action-hover: #1d5c3c;
  --tavern-on-action: #ffffff;
  --tavern-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
  --tavern-serifs: var(--tavern-sans);
  --tavern-paper-radius: 14px;
  --tavern-control-radius: 8px;
  --tavern-control-height: 44px;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --tavern-paper: #121c17;
  --tavern-surface: #1a2820;
  --tavern-ink: #e7f0e9;
  --tavern-muted: #abbeb0;
  --tavern-muted-strong: #c9d8cd;
  --tavern-soft: #24372b;
  --tavern-line: #354d3d;
  --tavern-accent: #87c89b;
  --tavern-accent-strong: #ade0bc;
  --tavern-focus: #87c89b;
  --tavern-flower: #87c89b;
  --tavern-selected: #2a4833;
  --tavern-selected-ink: #d7efdf;
  --tavern-selected-line: #628c6c;
  --tavern-snow-ink: #c9d8cd;
  --tavern-snow-soft: #2a4031;
  --tavern-danger: #ffb1a9;
  --tavern-action: #87c89b;
  --tavern-action-hover: #ade0bc;
  --tavern-on-action: #121c17;
}