/* tokens.css — 计算机网络学习站 design tokens
   视觉关键词：连线·拓扑 / 层次 / 信号 —— 靛蓝主线 + 青色辅助，暗色独立取色 */
:root {
  --bg: #f5f7fb;
  --bg-soft: #edf1f7;
  --surface: #ffffff;
  --text: #1c2a3a;
  --text-2: #43536b;
  --muted: #5c6b82;
  --line: #d9e0ea;
  --line-strong: #c3cddb;
  --accent: #2456d8;
  --accent-strong: #1c47b8;
  --accent-soft: #e3eafc;
  --on-accent: #ffffff;
  --teal: #0e7490;
  --amber: #9a5b00;
  --ok: #177245;
  --learn: #92610a;
  --danger: #b3372f;
  --code-bg: #101a2e;
  --code-text: #dbe4f3;
  --hero-dot: #c9d6ea;
  --shadow: 0 1px 2px rgba(15, 32, 64, 0.06), 0 8px 24px rgba(15, 32, 64, 0.07);
  --shadow-soft: 0 1px 3px rgba(15, 32, 64, 0.08);
  --radius: 12px;
  --radius-s: 8px;
  --font: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --m0: #2456d8;
  --m1: #0e7490;
  --m2: #0b7a4b;
  --m3: #9a5b00;
  --m4: #b03a48;
  --m5: #7c4dc4;
  --m6: #4d5d75;
}
[data-theme="dark"] {
  --bg: #0a1220;
  --bg-soft: #0e1729;
  --surface: #121e33;
  --text: #e4ebf7;
  --text-2: #b9c6db;
  --muted: #9aa9c0;
  --line: #22314d;
  --line-strong: #31446a;
  --accent: #8ab4ff;
  --accent-strong: #b0ccff;
  --accent-soft: #18294a;
  --on-accent: #081120;
  --teal: #56c4de;
  --amber: #e0a957;
  --ok: #5fd39a;
  --learn: #e2bd6a;
  --danger: #f08d84;
  --code-bg: #0a1526;
  --code-text: #d5e1f5;
  --hero-dot: #24344f;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 10px 30px rgba(0, 0, 0, 0.35);
  --shadow-soft: 0 1px 3px rgba(0, 0, 0, 0.45);
  --m0: #8ab4ff;
  --m1: #56c4de;
  --m2: #5ecf9c;
  --m3: #e0a957;
  --m4: #f0939d;
  --m5: #bba1f2;
  --m6: #9db2d4;
}