/* 设计 token:颜色变量(暗色默认 + 浅色 + 跟随系统)。
   与旧 style.css 完全一致,只是独立成文件。 */
:root {
  --bg: #0e1116;
  --bg2: #161b22;
  --card: #1c2128;
  --border: #30363d;
  --text: #e6edf3;
  --muted: #8b949e;
  --accent: #58a6ff;
  --green: #3fb950;
  --red: #f85149;
  --amber: #d29922;
  --hover: rgba(88, 166, 255, 0.08);
}

[data-theme="light"] {
  --bg: #ffffff;
  --bg2: #f0f2f5;
  --card: #ffffff;
  --border: #d8dee4;
  --text: #1f2328;
  --muted: #57606a;
  --accent: #2563eb;
  --green: #16a34a;
  --red: #dc2626;
  --amber: #d97706;
  --hover: rgba(37, 99, 235, 0.08);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #ffffff;
    --bg2: #f0f2f5;
    --card: #ffffff;
    --border: #d8dee4;
    --text: #1f2328;
    --muted: #57606a;
    --accent: #2563eb;
    --green: #16a34a;
    --red: #dc2626;
    --amber: #d97706;
    --hover: rgba(37, 99, 235, 0.08);
  }
}