/* 设计令牌：官网（暖白轻奢）与监控台（深色工业）双主题
   官网 = 默认 :root；监控台/登录页挂 [data-theme="dashboard"] */

:root {
  /* 色彩 —— 官网·轻奢雅致 */
  --color-bg: #faf8f3;
  --color-surface: #ffffff;
  --color-ink: #1c1e26;
  --color-muted: #6b6f7b;
  --color-accent: #a4610a;
  --color-accent-deep: #7a4706;
  --color-line: rgba(28, 30, 38, 0.14);
  --color-line-strong: rgba(28, 30, 38, 0.32);

  /* 字体 —— 展示字衬线 / 正文黑体 */
  --font-display: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "SimSun", serif;
  --font-body: "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-mono: "JetBrains Mono", "Cascadia Mono", "Consolas", monospace;

  /* 字阶（1.25 模数） */
  --text-xs: 12px; --text-sm: 14px; --text-base: 16px;
  --text-lg: 20px; --text-xl: 25px; --text-2xl: 31px;
  --text-3xl: 39px; --text-4xl: 49px; --text-5xl: 61px;

  /* 间距梯度 */
  --space-1: 4px; --space-2: 8px; --space-3: 16px; --space-4: 24px;
  --space-5: 40px; --space-6: 64px; --space-7: 96px; --space-8: 128px;

  --radius-sm: 4px; --radius-md: 10px; --radius-lg: 20px;
  --shadow-1: 0 2px 8px rgba(28, 30, 38, 0.06);
  --shadow-2: 0 8px 28px rgba(28, 30, 38, 0.10);
  --shadow-3: 0 24px 64px rgba(28, 30, 38, 0.14);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 180ms; --dur-base: 340ms; --dur-slow: 680ms;
}

[data-theme="dashboard"] {
  /* 色彩 —— 监控台·工业实用 */
  --color-bg: #0f1218;
  --color-surface: #151a22;
  --color-surface-2: #1b212c;
  --color-ink: #e8ecf3;
  --color-muted: #8a93a3;
  --color-accent: #e0a63c;
  --color-line: rgba(232, 236, 243, 0.10);
  --color-line-strong: rgba(232, 236, 243, 0.24);

  /* 状态色（与主题联动，仅监控台使用） */
  --status-ok: #3fb27f;
  --status-warn: #e0a63c;
  --status-crit: #e05252;
  --status-info: #5b8def;
  --status-idle: #5a6272;

  --shadow-1: 0 2px 8px rgba(0, 0, 0, 0.30);
  --shadow-2: 0 8px 28px rgba(0, 0, 0, 0.38);
  --shadow-3: 0 24px 64px rgba(0, 0, 0, 0.50);
}