/* 主题变量：浅/深双主题（CSS 变量，localStorage 记忆，§7.7） */

:root {
  --bg: #f5f7f8;
  --card: #ffffff;
  --card-border: #e3e8ec;
  --text: #1a202c;
  --text-dim: #6b7684;
  --primary: #0d9488;
  --primary-soft: #d9f3f0;
  --danger: #e5484d;
  --radius: 14px;
  --shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
}

html[data-theme="dark"] {
  --bg: #12161a;
  --card: #1b2128;
  --card-border: #2b333d;
  --text: #e6ebf0;
  --text-dim: #93a0b0;
  --primary: #2dd4bf;
  --primary-soft: #123a35;
  --danger: #f2555a;
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
}

#app { min-height: 100vh; }