/* 设计令牌：官网（暖白轻奢）与监控台（深色工业）双主题
   官网 = 默认 :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: #070b14;
  --color-surface: #0e1524;
  --color-surface-2: #111a2b;
  --color-ink: #e2e8f0;
  --color-muted: #94a3b8;
  --color-accent: #22d3ee;
  --color-accent-deep: #0891b2;
  --color-line: rgba(56, 189, 248, 0.14);
  --color-line-strong: rgba(56, 189, 248, 0.30);

  /* 状态色（与主题联动，仅监控台使用） */
  --status-ok: #10b981;
  --status-warn: #f59e0b;
  --status-crit: #ef4444;
  --status-info: #3b82f6;
  --status-idle: #64748b;

  /* 科技风附加：面板辉光与扫描高光 */
  --glow-cyan: rgba(34, 211, 238, 0.35);
  --glow-purple: rgba(167, 139, 250, 0.28);
  --card-glow: 0 8px 24px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.03);
  --card-glow-hover: 0 14px 34px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(34, 211, 238, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);

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