/* =========================================================
   theme.css — SCUM MYU 设计令牌与双主题
   浅黄浅色（默认） / 星际深色
   ========================================================= */
:root,
html[data-theme="light"] {
  --bg: #f5f4f0;
  --panel: #ffffff;
  --soft: #f8f7f3;
  --line: #e6e4dc;
  --text: #2c3338;
  --muted: #737a7d;
  --accent: #1f6feb;
  --accent-soft: #e8effc;
  --tint: #e8effc;
  --shadow: 0 5px 24px #45402106;
  --error: #b34130;
  --ok: #3f7d52;
  --warn: #a8791f;
  --radius: 10px;
  --radius-sm: 8px;
  --sidebar-w: 232px;
  --topbar-h: 56px;
  color-scheme: light;
}

html[data-theme="dark"] {
  --bg: #14191e;
  --panel: #1c232b;
  --soft: #222b34;
  --line: #303c47;
  --text: #edf0f2;
  --muted: #a2aeb9;
  --accent: #5b8dff;
  --accent-soft: #1d2740;
  --tint: #1d2740;
  --shadow: 0 5px 24px #00000012;
  --error: #f3a293;
  --ok: #7fc79a;
  --warn: #e0a93e;
  color-scheme: dark;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--bg);
  color: var(--text);
  font: 14px/1.65 "Segoe UI", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", sans-serif;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4 { margin: 0 0 10px; font-weight: 650; letter-spacing: -0.2px; }
h1 { font-size: 26px; line-height: 1.25; letter-spacing: -0.7px; }
h2 { font-size: 18px; line-height: 1.5; }
h3 { font-size: 15px; }
p { margin: 10px 0; }
small, .muted { color: var(--muted); }
code, .mono {
  font-family: "Cascadia Mono", Consolas, "Courier New", monospace;
  font-size: 12.5px;
}
hr { border: 0; border-top: 1px solid var(--line); margin: 16px 0; }
::selection { background: var(--tint); color: var(--text); }