/* tokens.css — 设计令牌。语义色恒定，浅/深双通道。 */
:root {
  --bg: #faf9f7;
  --bg-raise: #ffffff;
  --bg-sunk: #f1efeb;
  --ink: #1c1e21;
  --muted: #5c6370;
  --line: #d9d5cd;
  --accent: #1a4f8a;
  --accent-weak: #e7eef7;
  --rtos: #2e6b46;
  --rtos-weak: #e8f1eb;
  --hw: #8a5a2e;
  --hw-weak: #f5ede3;
  --danger: #9c2b2b;
  --danger-weak: #f7e9e9;
  --irq: #5a4a6e;
  --irq-weak: #edeaf2;
  --blocked: #767676;
  --ok: #2e6b46;

  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px;
  --radius: 6px;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --font-code: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --fs-body: 16px; --fs-small: 13px; --fs-h1: 28px; --fs-h2: 22px; --fs-h3: 18px;
  --lh-body: 1.75; --lh-code: 1.55;
  --maxw: 46rem;
  --shadow: 0 1px 3px rgba(0,0,0,.08);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #17191c;
    --bg-raise: #1f2226;
    --bg-sunk: #121417;
    --ink: #e6e4df;
    --muted: #9aa1ab;
    --line: #383c42;
    --accent: #7aa8d8;
    --accent-weak: #22303f;
    --rtos: #7fbb96;
    --rtos-weak: #1e2f25;
    --hw: #cfa172;
    --hw-weak: #33281c;
    --danger: #d88a8a;
    --danger-weak: #392020;
    --irq: #a795bf;
    --irq-weak: #292333;
    --blocked: #9a9a9a;
    --ok: #7fbb96;
    --shadow: 0 1px 3px rgba(0,0,0,.4);
  }
}
/* 主题切换按钮写入 data-theme，必须双向覆盖系统偏好 */
:root[data-theme="light"] {
  --bg: #faf9f7; --bg-raise: #ffffff; --bg-sunk: #f1efeb;
  --ink: #1c1e21; --muted: #5c6370; --line: #d9d5cd;
  --accent: #1a4f8a; --accent-weak: #e7eef7;
  --rtos: #2e6b46; --rtos-weak: #e8f1eb;
  --hw: #8a5a2e; --hw-weak: #f5ede3;
  --danger: #9c2b2b; --danger-weak: #f7e9e9;
  --irq: #5a4a6e; --irq-weak: #edeaf2;
  --blocked: #767676; --ok: #2e6b46;
  --shadow: 0 1px 3px rgba(0,0,0,.08);
}
:root[data-theme="dark"] {
  --bg: #17191c; --bg-raise: #1f2226; --bg-sunk: #121417;
  --ink: #e6e4df; --muted: #9aa1ab; --line: #383c42;
  --accent: #7aa8d8; --accent-weak: #22303f;
  --rtos: #7fbb96; --rtos-weak: #1e2f25;
  --hw: #cfa172; --hw-weak: #33281c;
  --danger: #d88a8a; --danger-weak: #392020;
  --irq: #a795bf; --irq-weak: #292333;
  --blocked: #9a9a9a; --ok: #7fbb96;
  --shadow: 0 1px 3px rgba(0,0,0,.4);
}