:root {
  --font-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "JetBrains Mono", "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;
  --r-sm: 6px;
  --r-md: 9px;
  --r-lg: 14px;
  --row-h: 22px;
  --indent: 15px;
  --t-fast: 90ms ease;
}

html[data-theme="dark"] {
  --bg: #0d1117;
  --bg-1: #11161e;
  --bg-2: #161d26;
  --bg-3: #1c242f;
  --bg-hover: #171f29;
  --line: #232c38;
  --line-soft: #1b232d;
  --fg: #c8d3e0;
  --fg-strong: #e8eef6;
  --muted: #7b8899;
  --faint: #5a6675;
  --accent: #4d9cff;
  --accent-soft: #16324f;
  --accent-fg: #ffffff;
  --key: #7fb6f5;
  --idx: #6f7d8d;
  --string: #8fd39a;
  --number: #eaa670;
  --bool: #c39cf0;
  --null: #74818f;
  --punct: #5d6b7a;
  --meta: #64717f;
  --mark-bg: #4a3b12;
  --mark-fg: #ffd784;
  --mark-cur-bg: #a97a11;
  --mark-cur-fg: #101418;
  --danger: #f0736a;
  --danger-bg: #2b1917;
  --ok: #63c281;
  --warn: #e3b341;
  --shadow: 0 12px 34px rgba(0, 0, 0, .5);
  --sel: #1b2b3f;
  --guide: #222b36;
  --scroll: #2b3644;
}

html[data-theme="light"] {
  --bg: #f5f7fa;
  --bg-1: #ffffff;
  --bg-2: #f0f3f7;
  --bg-3: #e7ecf2;
  --bg-hover: #eef2f7;
  --line: #dde4ec;
  --line-soft: #e8edf3;
  --fg: #2b3542;
  --fg-strong: #141c26;
  --muted: #66748a;
  --faint: #8b98a9;
  --accent: #2f6fed;
  --accent-soft: #e2ebfd;
  --accent-fg: #ffffff;
  --key: #1f5fd0;
  --idx: #8b98a9;
  --string: #1a7f5a;
  --number: #b45309;
  --bool: #7b46d1;
  --null: #8b98a9;
  --punct: #97a3b3;
  --meta: #8b98a9;
  --mark-bg: #fdeaa8;
  --mark-fg: #4a3a06;
  --mark-cur-bg: #f6c344;
  --mark-cur-fg: #33280a;
  --danger: #c9372c;
  --danger-bg: #fdeceb;
  --ok: #1a7f37;
  --warn: #9a6700;
  --shadow: 0 12px 30px rgba(23, 38, 61, .16);
  --sel: #dbe7fb;
  --guide: #e4eaf1;
  --scroll: #c6d0dc;
}