:root {
  --bg: #ffffff;
  --panel: #f7f8fa;
  --text: #111318;
  --muted: #606774;
  --line: #e3e6eb;
  --accent: #1f6feb;
  --accent-text: #ffffff;
  --nav-bg: #303030;
  --nav-text: #f5f6f8;
  --nav-line: #343434;
  --nav-switch-bg: #343434;
  --nav-switch-thumb: #ffffff;
  --panel-strong: #eef2f7;
  --success: #147d64;
  --warning: #b25e09;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #202020;
  --panel: #252525;
  --text: #f5f6f8;
  --muted: #a7adb7;
  --line: #343434;
  --accent: #4f8cff;
  --accent-text: #ffffff;
  --panel-strong: #2b2b2b;
  --success: #55c5a4;
  --warning: #f1a750;
}

body {
  background: var(--bg);
  color: var(--text);
}