:root {
  color-scheme: light;
  --bg: #f7f8f5;
  --paper: #ffffff;
  --panel: #ffffff;
  --panel-strong: #eff3ef;
  --text: #203a35;
  --ink: var(--text);
  --muted: #61736f;
  --line: #cedbd4;
  --border: var(--line);
  --control-border: #738b82;
  --accent: #1f6b5d;
  --green: var(--accent);
  --cyan: #225d89;
  --purple: #695095;
  --yellow: #805b13;
  --red: #a33336;
  --warm: #f3f0e3;
  --selection: #e5f0e9;
  --focus: #2458a6;
  --on-accent: #ffffff;
  --shadow: 0 12px 36px #17382b16;
  --radius: 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;
  font-size: 16px;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #101923;
  --paper: #18242f;
  --panel: #18242f;
  --panel-strong: #21313c;
  --text: #e7efea;
  --muted: #b4c2bc;
  --line: #40554e;
  --control-border: #8ba59a;
  --accent: #82cbb8;
  --cyan: #9ac9ec;
  --purple: #c3b2e5;
  --yellow: #edcf87;
  --red: #ffa7a6;
  --warm: #333226;
  --selection: #283f3a;
  --focus: #a6c9ff;
  --on-accent: #102e26;
  --shadow: 0 12px 36px #0003;
}