/**
 * 观察宝主题样式
 * :root = 深色主题（默认）
 * body.light-theme = 浅色主题
 */

:root {
  --bg-base: #1e232d;
  --bg-header: #191d25;
  --bg-hover: #1f477a;
  --bg-selected: #0e1b2c;
  --bg-main-limit: #800000;
  --bg-gem-limit: #800080;
  --bg-limit-down: #006006;
  --border-color: #333;
  --color-up: #D22222;
  --color-down: #4eeeee;
  --color-orange: #ff9800;
  --color-link: #01bcdd;
  --color-pink: #FF03CB;
  --text-color: #ddd;
  --text-secondary: #888;
  --text-unit: #1f477a;
  --text-bse: #9332e6;
  --color-scrollbar: #555;
  --color-scrollbar-hover: #ff9900;
}

body.light-theme {
  --bg-base: #ffffff;
  --bg-header: #f5f7f9;
  --bg-hover: #e8eef5;
  --bg-selected: #d0e0f0;
  --bg-main-limit: #800000;
  --bg-gem-limit: #800080;
  --bg-limit-down: #006006;
  --border-color: #d0d0d0;
  --color-up: #D22222;
  --color-down: #008a00;
  --color-orange: #ff9800;
  --color-link: #0095b3;
  --color-pink: #FF03CB;
  --text-color: #1a1d23;
  --text-secondary: #888;
  --text-unit: #1f477a;
  --text-bse: #9332e6;
  --color-scrollbar: #aaa;
  --color-scrollbar-hover: #ff9900;
}