/* 设计令牌 —— 方向：情报终端（intelligence terminal）
   深色为默认（长时间盯屏 + 严重度色在深底上对比更强），浅色为可切换的完整方案。 */

:root {
  color-scheme: dark;

  /* 表面：4 层，靠明度而非阴影建立层次 */
  --bg: oklch(15% 0.015 258);
  --bg-grid: oklch(19% 0.016 258);
  --surface-1: oklch(19% 0.017 258);
  --surface-2: oklch(23% 0.019 258);
  --surface-3: oklch(27% 0.021 258);
  --line: oklch(31% 0.02 258);
  --line-strong: oklch(42% 0.025 258);

  --text: oklch(95% 0.008 258);
  --text-dim: oklch(76% 0.014 258);
  --text-mute: oklch(60% 0.016 258);

  --accent: oklch(80% 0.14 82);          /* 琥珀：主强调 / 当前态 */
  --accent-ink: oklch(20% 0.04 82);
  --accent-2: oklch(76% 0.12 202);       /* 青：次强调 / 链接 */

  /* 严重度与风险级共用一套语义色 */
  --sev-high: oklch(65% 0.20 25);
  --sev-midhigh: oklch(73% 0.17 52);
  --sev-mid: oklch(81% 0.15 90);
  --sev-lowmid: oklch(75% 0.11 205);
  --sev-low: oklch(64% 0.028 258);
  --sev-positive: oklch(73% 0.15 155);

  /* 排版 */
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", "JetBrains Mono", Menlo, monospace;

  --text-xs: 0.6875rem;
  --text-sm: 0.8125rem;
  --text-base: 0.9375rem;
  --text-lg: 1.0625rem;
  --text-xl: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);
  --text-display: clamp(1.75rem, 1.3rem + 1.6vw, 2.75rem);
  --text-metric: clamp(1.6rem, 1.2rem + 1.4vw, 2.4rem);

  /* 间距：刻意非等差，制造节奏 */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-8: 3rem;

  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 14px;

  --duration-fast: 120ms;
  --duration: 220ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  --sidebar-w: 220px;
  --content-max: 1480px;

  --shadow-drawer: 0 24px 64px oklch(8% 0.02 258 / 0.55);
  --shadow-card: 0 1px 0 oklch(100% 0 0 / 0.03) inset;
}

:root[data-theme="light"] {
  color-scheme: light;

  --bg: oklch(97.5% 0.004 258);
  --bg-grid: oklch(94% 0.006 258);
  --surface-1: oklch(100% 0 0);
  --surface-2: oklch(98% 0.004 258);
  --surface-3: oklch(95% 0.008 258);
  --line: oklch(90% 0.008 258);
  --line-strong: oklch(80% 0.012 258);

  --text: oklch(24% 0.02 258);
  --text-dim: oklch(45% 0.02 258);
  --text-mute: oklch(60% 0.018 258);

  --accent: oklch(58% 0.14 62);
  --accent-ink: oklch(99% 0.01 82);
  --accent-2: oklch(52% 0.13 232);

  --sev-high: oklch(54% 0.20 25);
  --sev-midhigh: oklch(60% 0.16 48);
  --sev-mid: oklch(65% 0.14 78);
  --sev-lowmid: oklch(56% 0.11 220);
  --sev-low: oklch(58% 0.02 258);
  --sev-positive: oklch(54% 0.14 155);

  --shadow-drawer: 0 24px 64px oklch(50% 0.02 258 / 0.18);
  --shadow-card: 0 1px 2px oklch(50% 0.02 258 / 0.06);
}

/* 严重度 / 风险级 → 色变量的映射，供 [data-sev] 属性直接取用 */
[data-sev="高"] { --sev: var(--sev-high); }
[data-sev="中高"] { --sev: var(--sev-midhigh); }
[data-sev="中"] { --sev: var(--sev-mid); }
[data-sev="低中"] { --sev: var(--sev-lowmid); }
[data-sev="低"] { --sev: var(--sev-low); }
[data-sev="正面"] { --sev: var(--sev-positive); }
[data-sev=""] { --sev: var(--sev-low); }