/* 主题变量：浅色为默认，深色由 <html data-theme="dark"> 覆盖。
   首屏防闪烁由 index.html 内联脚本设置 data-theme 完成。 */
:root {
  --bg: #f4f5f7;
  --surface: #ffffff;
  --surface-2: #eceef2;
  --text: #1b1d21;
  --text-muted: #6b7280;
  --border: #e1e4ea;
  --primary: #2563eb;
  --primary-hover: #1d4ed8;
  --primary-text: #ffffff;
  --danger: #dc2626;
  --danger-soft: #fee2e2;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 10px 28px rgba(0, 0, 0, 0.07);
  --radius: 10px;
  --radius-sm: 7px;
}

:root[data-theme='dark'] {
  --bg: #0f1116;
  --surface: #171a21;
  --surface-2: #20242e;
  --text: #e7e9ee;
  --text-muted: #99a1b3;
  --border: #2a2f3b;
  --primary: #3b82f6;
  --primary-hover: #60a5fa;
  --primary-text: #0b0d11;
  --danger: #f87171;
  --danger-soft: #3a1d1d;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.5), 0 10px 28px rgba(0, 0, 0, 0.45);
}