:root,
[data-theme="light"] {
  color-scheme: light;
  --bg: #f9f8f6;
  --panel: #ffffff;
  --panel2: #f2f1ee;
  --line: #1a1a191f;
  --line-strong: #1a1a192e;
  --txt: #100f09;
  --dim: #525251;
  --faint: #6e6d6a;
  --acc: #e1ff67;
  --acc-strong: #e1ff67;
  --acc-soft: #e1ff672e;
  --on-acc: #100f09;
  --info: #147eff;
  --warn: #f28a2e;
  --warn-soft: #f28a2e1f;
  --danger: #e74d3c;
  --canvas-bg: #f5f5f5;
  --canvas-dot: #eae9e6;
  --port-image: #147eff;
  --port-prompt: #e9931c;
  --port-report: #8b5cf6;
  --shadow: 0 18px 40px #100f0914;
  --shadow-sm: 0 8px 24px #100f090f;
  --glass: var(--panel);
  --glass-strong: var(--panel);
  --glass-edge: var(--line);
  --glass-hi: transparent;
  --glass-wash: transparent;
  --glass-shadow: none;
  --feat-1: #f2f1ee;
  --feat-2: #f9f8f6;
  --feat-3: #ffffff;
  --feat-4: #eae9e6;
  --rad: 8px;
  --rad-sm: 8px;
  --font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #100f09;
  --panel: #201f1d;
  --panel2: #171612;
  --line: #f5f4ef1f;
  --line-strong: #f5f4ef2e;
  --txt: #f5f4ef;
  --dim: #c9c8c5;
  --faint: #929290;
  --acc: #e1ff67;
  --acc-strong: #e1ff67;
  --acc-soft: #e1ff672e;
  --on-acc: #100f09;
  --info: #147eff;
  --warn: #f28a2e;
  --warn-soft: #f28a2e1f;
  --danger: #e74d3c;
  --canvas-bg: #191815;
  --canvas-dot: #1d1b16;
  --port-image: #147eff;
  --port-prompt: #f2a93a;
  --port-report: #b692f6;
  --shadow: 0 18px 48px #00000059;
  --shadow-sm: 0 10px 28px #00000040;
  --glass: var(--panel);
  --glass-strong: var(--panel);
  --glass-edge: var(--line);
  --glass-hi: transparent;
  --glass-wash: transparent;
  --glass-shadow: none;
  --feat-1: #171612;
  --feat-2: #100f09;
  --feat-3: #1d1b16;
  --feat-4: #201f1d;
}