/* ============================================================
   theme.css —— 全局设计令牌（Design Tokens）
   两套主题：dark（复刻源站深色蓝）/ light2026（design-req.md 2026 配色）
   改配色只需改这里，全站生效 —— 这就是"在线改版编辑"的入口
   ============================================================ */

:root {
  /* 圆角 / 间距（8px 基础增量） */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 40px;

  --font: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

  --sidebar-w: 316px;
  --topbar-h: 60px;
}

/* ---------- 主题 A：dark（源站当前风格：深色 + 蓝色主色） ---------- */
html[data-theme="dark"] {
  --bg:        #0b0f14;
  --bg-elev:   #121821;
  --bg-elev2:  #1a2230;
  --bg-hover:  #1e2733;
  --border:    #232d3b;
  --border-2:  #33404f;

  --text:      #e6edf3;
  --text-2:    #9aa7b4;
  --text-3:    #6b7785;

  --accent:      #2563eb;
  --accent-h:    #1d4ed8;
  --accent-soft: rgba(37, 99, 235, 0.16);
  --accent-line: rgba(37, 99, 235, 0.45);

  --ok:   #3fb950;
  --warn: #d29922;
  --danger: #f85149;

  /* 标签语义色 */
  --tag-urgent-bg: rgba(248, 81, 73, 0.16);
  --tag-urgent-fg: #ff7b72;
  --tag-key-bg:    rgba(227, 179, 65, 0.16);
  --tag-key-fg:    #e3b341;
  --tag-daily-bg:  rgba(88, 166, 255, 0.16);
  --tag-daily-fg:  #79c0ff;
  --tag-dept-bg:   rgba(139, 148, 158, 0.14);
  --tag-dept-fg:   #adbac7;

  --shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
  color-scheme: dark;
}

/* ---------- 主题 B：light2026（design-req.md 2026 年度配色） ---------- */
html[data-theme="light2026"] {
  --bg:        #F0EEE9;  /* 云上舞白 */
  --bg-elev:   #F7F6F3;  /* 浅灰 */
  --bg-elev2:  #FFFFFF;
  --bg-hover:  #EDEAE3;
  --border:    #E2DED5;
  --border-2:  #C4C0B8;  /* 中灰 */

  --text:      #1a1a1a;
  --text-2:    #5A5A5A;
  --text-3:    #8b877e;

  --accent:      #46B1E3;  /* 变革蓝绿 */
  --accent-h:    #2f9bd0;
  --accent-soft: rgba(70, 177, 227, 0.14);
  --accent-line: rgba(70, 177, 227, 0.45);

  --ok:   #61CFBE;         /* 海滨蓝 */
  --warn: #d9a441;
  --danger: #E84026;       /* 熔岩瀑红 */

  --tag-urgent-bg: rgba(232, 64, 38, 0.13);
  --tag-urgent-fg: #cf3a22;
  --tag-key-bg:    rgba(242, 227, 181, 0.75);   /* 金合欢色 */
  --tag-key-fg:    #8a6d1f;
  --tag-daily-bg:  rgba(70, 177, 227, 0.15);
  --tag-daily-fg:  #1e7fae;
  --tag-dept-bg:   rgba(196, 192, 184, 0.30);
  --tag-dept-fg:   #5A5A5A;

  --shadow: 0 10px 30px rgba(80, 72, 60, 0.12);
  --shadow-sm: 0 2px 8px rgba(80, 72, 60, 0.08);
  color-scheme: light;
}