:root {
  --bg0: #0a0f17;
  --bg1: #141b25;
  --bg2: #1b2430;
  --sidebar: #151d28;
  --sidebar-2: #1c2632;
  --panel: rgba(24, 31, 41, 0.82);
  --panel-soft: rgba(18, 25, 34, 0.8);
  --text: #eaf1ff;
  --muted: #9aa7b8;
  --border: rgba(168, 180, 198, 0.2);
  --ring: #9aa5b5;
  --primary: #8d98a8;
  --primary-d: #707b8c;
  --accent: #ff9f3f;
  --accent-soft: #ffc57e;
  --accent-2: #9da7b8;
  --accent-2-soft: #d6dce6;
  --accent-glow: rgba(255, 159, 63, 0.17);
  --accent-2-glow: rgba(157, 167, 184, 0.16);
  --glow-blue-a: rgba(155, 168, 186, 0.18);
  --glow-blue-b: rgba(104, 116, 133, 0.14);
  --pos: #10b981;
  --neg: #ff4f73;
  --shadow: 0 14px 35px rgba(2, 8, 24, 0.42);
}

.light {
  --bg0: #d6dde6;
  --bg1: #ccd5e0;
  --bg2: #bfc8d6;
  --sidebar: #dde3eb;
  --sidebar-2: #d2dbe6;
  --panel: rgba(236, 240, 246, 0.88);
  --panel-soft: rgba(225, 230, 238, 0.9);
  --text: #1c2737;
  --muted: #59687c;
  --border: rgba(86, 97, 116, 0.24);
  --ring: #8d97a6;
  --primary: #808a99;
  --primary-d: #677180;
  --accent: #d87316;
  --accent-soft: #eaa258;
  --accent-2: #7b879a;
  --accent-2-soft: #c7cfdb;
  --accent-glow: rgba(216, 115, 22, 0.14);
  --accent-2-glow: rgba(123, 135, 154, 0.12);
  --glow-blue-a: rgba(150, 161, 178, 0.14);
  --glow-blue-b: rgba(121, 132, 149, 0.1);
  --pos: #109f61;
  --neg: #de2a4e;
  --shadow: 0 14px 30px rgba(41, 56, 84, 0.12);
}