:root {
  --bg: #f7f8fa;
  --paper: #ffffff;
  --surface: #eff1f4;
  --hover: #e8ebef;
  --ink: #17191c;
  --muted: #5e6470;
  --line: #dfe2e7;
  --control-line: #777e89;
  --accent: #e4f222;
  --accent-hover: #d7e51d;
  --on-accent: #17191c;
  --focus: #687000;
  --success: #237343;
  --success-bg: #eaf5ed;
  --warning: #855700;
  --warning-bg: #fff4db;
  --danger: #b52e3b;
  --danger-bg: #fff0f1;
  --info: #315aa5;
  --info-bg: #edf2ff;
  --overlay: #08090a80;
  --shadow: 0 16px 64px #08090a24;
  color-scheme: light;
}
:root[data-theme='dark'] {
  --bg: #08090a;
  --paper: #0f1011;
  --surface: #161718;
  --hover: #23252a;
  --ink: #f5f5f6;
  --muted: #a0a5ae;
  --line: #2a2d33;
  --control-line: #666b75;
  --focus: #e4f222;
  --success: #79d69c;
  --success-bg: #12281c;
  --warning: #efc36c;
  --warning-bg: #2c2313;
  --danger: #ff929e;
  --danger-bg: #30191e;
  --info: #a2bfff;
  --info-bg: #182339;
  --overlay: #000000ad;
  --shadow: 0 16px 64px #00000080;
  color-scheme: dark;
}