/* Hallmark · v2.0.0 · theme: cobalt (by request) · genre: modern-minimal · shape: app screen · redesign: full (app) · scope: app · built: 2026-11-11 */
/* critique: the event queue becomes a ruled ledger with a severity rail, and the risk counts become its header line; risk: with no data the rail reads as five tinted sticks */

:root {
  color-scheme: light;

  /* —— 字体：主题脸在前，系统 CJK 兜底；内网不引 CDN —— */
  --font-display: "Familjen Grotesk", "Segoe UI Variable Display", "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
  --font-body: "IBM Plex Sans", "Segoe UI Variable Text", "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
  --font-outlier: "JetBrains Mono", "Cascadia Mono", "Cascadia Code", Consolas, ui-monospace, monospace;

  /* —— 字阶：app 固定比例，标题封顶 20px —— */
  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-ui: 14px;
  --text-lg: 16px;
  --text-xl: 20px;
  --text-2xl: 26px;
  --text-figure: 28px;
  --text-floor: 11px;   /* 仅机器值；正文不低于 12px */

  /* —— 间距：4pt —— */
  --space-3xs: 2px;
  --space-2xs: 4px;
  --space-xs: 6px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 48px;
  --space-4xl: 64px;

  /* —— 动效：两时长两曲线，只走 transform / opacity —— */
  --dur-micro: 120ms;
  --dur-short: 240ms;
  --ease-out: cubic-bezier(0.22, 0.8, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* —— 纸：冷近白三阶，每阶至少 1.5L —— */
  --color-paper: #fbfbfd;
  --color-paper-2: #f3f4f8;
  --color-paper-3: #e8eaf0;

  /* —— 墨 —— */
  --color-ink: #1b2030;
  --color-ink-2: #3f4757;
  --color-muted: #5c6475;

  /* —— 规线 —— */
  --color-rule: #e3e5eb;
  --color-rule-2: #c9cdd8;
  --color-rule-ink: #2a3040;
  --color-field-edge: #717a8d;   /* 表单控件边：对纸 ≥3:1 */
  --color-print-ink: #111111;

  /* —— 钴蓝：主动作 / 当前选中 / 焦点 —— */
  --color-accent: #2f5fe0;
  --color-accent-deep: #2447ab;
  --color-accent-2: #7f9af0;
  --color-accent-wash: #edf1fc;
  --color-accent-ink: #fbfbfd;
  --color-accent-edge: #1e3a92;
  --color-focus: #2f5fe0;

  /* —— 石墨：唯一暗面 —— */
  --color-graphite: #1b2030;
  --color-graphite-2: #242a3a;
  --color-graphite-3: #2e3547;
  --color-graphite-ink: #eef0f5;
  --color-graphite-muted: #a7afc0;

  /* —— 键帽 —— */
  --color-key-face: #ffffff;
  --color-key-edge: #c9cdd8;
  --color-key-press: #f0f1f5;

  /* —— 世界状态 —— */
  --color-ok: #1f7a4d;
  --color-ok-wash: #edf6f1;
  --color-ok-edge: #b7dcc8;
  --color-warn: #7d6300;
  --color-warn-wash: #fbf6e1;
  --color-warn-edge: #e5d9a4;
  --color-error: #b3261e;
  --color-error-wash: #fdf0ee;
  --color-error-edge: #e9b6af;
  --color-danger-ink: #96211a;

  /* —— 预警四级 + 线索：语义色，不参与装饰；蓝级刻意压 chroma，与钴蓝操作色区分 —— */
  --lv-red: #b3261e;
  --lv-red-ink: #96211a;
  --lv-red-wash: #fdf0ee;
  --lv-red-line: #e9b6af;
  --lv-orange: #a55200;
  --lv-orange-ink: #864200;
  --lv-orange-wash: #fdf3e8;
  --lv-orange-line: #ecd2b2;
  --lv-yellow: #7d6300;
  --lv-yellow-ink: #665100;
  --lv-yellow-wash: #fbf6e1;
  --lv-yellow-line: #e5d9a4;
  --lv-blue: #1f58b8;
  --lv-blue-ink: #1a4896;
  --lv-blue-wash: #eef2fb;
  --lv-blue-line: #c4d3f0;
  --lv-lead: #5c6475;
  --lv-lead-ink: #464d5c;
  --lv-lead-wash: #f3f4f8;
  --lv-lead-line: #d5d9e2;

  /* —— 形状 —— */
  --radius-card: 8px;
  --radius-input: 6px;
  --radius-sm: 4px;
  --radius-pill: 999px;
  --cut: 8px;
  --cut-l: 16px;
  --rule-hair: 1px;

  /* —— 层次：纸面几乎无影；只有键帽带实体边 —— */
  --shadow-card: 0 1px 2px rgba(27, 32, 48, 0.06);
  --shadow-key: 0 2px 0 0 var(--color-key-edge), 0 4px 10px -6px rgba(27, 32, 48, 0.3);
  --shadow-key-accent: 0 2px 0 0 var(--color-accent-edge), 0 6px 14px -8px rgba(30, 58, 146, 0.5);
  --shadow-key-press: inset 0 1px 2px rgba(27, 32, 48, 0.16);
  --shadow-modal: 0 24px 64px -16px rgba(27, 32, 48, 0.34);

  /* —— 其他表面 —— */
  --color-scrim: rgba(27, 32, 48, 0.42);
  --color-on-solid: #fbfbfd;   /* 钴蓝/石墨/语义实心块上的文字 */
  --color-selection: #dfe6fb;
  --color-skeleton: #eceef3;
  --color-skeleton-sheen: #f6f7fa;
  --color-grid-dot: rgba(27, 32, 48, 0.1);

  /* —— 布局 —— */
  --sidebar-width: 240px;
  --topbar-height: 56px;
  --measure-prose: 72ch;
  --tracking-display: -0.022em;
  --text-legal: 11px;
}