:root {
  --bg: #ffffff;
  --text: #0f1419;
  --text-secondary: #536471;
  --border-color: #eff3f4;
  --sidebar-bg: #d0e7f7;
  --sidebar-hover: #b8d8f4;
}

body.theme-light {
  --bg: #ffffff;
  --text: #0f1419;
  --text-secondary: #536471;
  --border-color: #eff3f4;
  --sidebar-bg: #d0e7f7;
  --sidebar-hover: #b8d8f4;
}

body.theme-dim {
  --bg: #15202b;
  --text: #f7f9f9;
  --text-secondary: #8899a6;
  --border-color: #38444d;
  --sidebar-bg: #192734;
  --sidebar-hover: #22303c;
}

body.theme-dark {
  --bg: #000000;
  --text: #e7e9ea;
  --text-secondary: #71767b;
  --border-color: #2f3336;
  --sidebar-bg: #15181c;
  --sidebar-hover: #222;
}