:root,
[data-theme="light"] {
  color-scheme: light;
  --bg: #f6f6f3;
  --panel: #ffffff;
  --panel2: #f1f1ed;
  --line: #e3e3dd;
  --line-strong: #cbcbc3;
  --txt: #1b1b20;
  --dim: #5b5b64;
  --faint: #85858e;
  --acc: #1d9a60;
  --acc-strong: #157a4b;
  --acc-soft: rgba(29, 154, 96, .12);
  --on-acc: #ffffff;
  --acc2: #6a4cf0;
  --info: #1c86c8;
  --warn: #a8630a;
  --warn-soft: rgba(168, 99, 10, .12);
  --danger: #cc3b3b;
  --canvas-bg: #eeeee9;
  --canvas-dot: #d0d0c8;
  --shadow: 0 18px 50px rgba(20, 20, 30, .10);
  --shadow-sm: 0 4px 14px rgba(20, 20, 30, .08);
  --feat-1: linear-gradient(135deg, #e0f3e8, #cfe9da);
  --feat-2: linear-gradient(135deg, #f7ebdf, #eedcc8);
  --feat-3: linear-gradient(135deg, #e0e9f8, #cfdcf2);
  --feat-4: linear-gradient(135deg, #eee3f8, #e0d1f0);
  --grad-text: linear-gradient(100deg, #1d9a60, #1c86c8 60%, #6a4cf0);
  --rad: 16px;
  --rad-sm: 10px;
  --font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0b0b0e;
  --panel: #141417;
  --panel2: #1a1a1f;
  --line: #26262c;
  --line-strong: #3a3a44;
  --txt: #f2f2f4;
  --dim: #a0a0aa;
  --faint: #70707a;
  --acc: #4cc38a;
  --acc-strong: #3bb07a;
  --acc-soft: rgba(76, 195, 138, .14);
  --on-acc: #06130c;
  --acc2: #7c5cff;
  --info: #35b5ff;
  --warn: #f5a623;
  --warn-soft: rgba(245, 166, 35, .14);
  --danger: #ff5c5c;
  --canvas-bg: #101013;
  --canvas-dot: #2a2a31;
  --shadow: 0 18px 60px rgba(0, 0, 0, .5);
  --shadow-sm: 0 4px 14px rgba(0, 0, 0, .35);
  --feat-1: linear-gradient(135deg, #123526, #0c1f17);
  --feat-2: linear-gradient(135deg, #2a1a10, #1c120a);
  --feat-3: linear-gradient(135deg, #101c33, #0a1220);
  --feat-4: linear-gradient(135deg, #241233, #170b22);
  --grad-text: linear-gradient(100deg, #4cc38a, #35b5ff 60%, #7c5cff);
}