/* ===== walle-yiwa — 设计变量(variables)=====
设计 token:浅色(:root)与暗色([data-theme=dark])两套 CSS 变量、字体族、z-index/圆角等原子值。
按「变量→基础→布局→组件→页面」顺序在 layout.hbs 中首先引入。===== */

:root {
  color-scheme: light;
  --bg: #FAF6EF;
  --surface: #FFFFFF;
  --walle-yellow: #E8A33D;
  --walle-yellow-deep: #D18A1F;
  --yiwa-blue: #4C8DCE;
  --yiwa-blue-deep: #3B78B8;
  --xiaowei-green: #4C9E6A;
  --text-main: #2F2A24;
  --text-sub: #7A7266;
  --text-faint: #A89F90;
  --border: #E8E0D2;
  --walle-badge-bg: #FDF3E0;
  --walle-badge-text: #8A5A00;
  --success: #3E8E5A;
  --error: #C2554A;
  --shadow: rgba(47, 42, 36, 0.07);
  --shadow-sm: 0 1px 3px rgba(47, 42, 36, 0.07);
  --shadow-md: 0 8px 20px rgba(47, 42, 36, 0.09);
  --radius: 14px;
  --radius-sm: 10px;
  --tag-chip-bg: #EAF1F8;
  --tag-chip-border: #D8E4EF;
  --tag-chip-text: var(--yiwa-blue-deep);
  /* 派生变量:供明暗两套主题复用(由上方基础色推导,避免硬编码散落) */
  --avatar-bg: #F5E3C8;
  --avatar-text: #6B4A1D;
  --code-inline-bg: #F7E9CE;
  --blockquote-bg: #F8F1E3;
  --table-head-bg: #FBF7EF;
  --soft-hover-bg: #FBF7EF;
  --disabled-bg: #F0EBDF;
  --notice-error-bg: #FBEAE8;
  --notice-info-bg: #E8F0F9;
  --notice-success-bg: #E8F3EC;
  --tag-chip-hover-bg: #DCE9F5;
  --pill-hover-bg: #F5F9FD;
  --badge-yiwa-bg: #E8F0F9;
  --role-xiaowei-bg: #E6F2EA;
  --role-xiaowei-text: #2F7A4C;
  --verify-ok-bg: #E8F3EC;
  --verify-fail-bg: #FBEAE8;
  --card-border-subtle: rgba(0, 0, 0, 0.06);
  --card-border-hover: rgba(0, 0, 0, 0.12);
  --card-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);
  --card-shadow-hover: 0 6px 16px rgba(0, 0, 0, 0.05);
  --header-input-border: rgba(0, 0, 0, 0.12);
  --settings-hover-bg: #FAF6EF;
  --reply-bg: rgba(47, 42, 36, 0.045);
  --team-avatar-border: #FFFFFF;
  --notif-dot-bg: #E5484D;
  --font-body: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, -apple-system, sans-serif;
  --font-serif: Georgia, "Noto Serif SC", "Songti SC", "SimSun", serif;
  --font-mono: ui-monospace, "SF Mono", Consolas, "Courier New", monospace;
  --container: 760px;
}

/* ===== 暗色主题(P2-1):同一组变量按 [data-theme="dark"] 覆盖 ===== */
[data-theme="dark"] {
  color-scheme: dark;
  --bg: #17150F;
  --surface: #232019;
  /* 品牌三色保持色相,暗色下略微提亮以保证可读性 */
  --walle-yellow: #E8A33D;
  --walle-yellow-deep: #F0AE4D;
  --yiwa-blue: #6FA9DE;
  --yiwa-blue-deep: #8BBCE9;
  --xiaowei-green: #5BAE76;
  --text-main: #E8E2D4;
  --text-sub: #BCB3A2;
  --text-faint: #9A9180;
  --border: #35312A;
  --walle-badge-bg: #3A2F1B;
  --walle-badge-text: #F0C878;
  --success: #5FBE85;
  --error: #E07B6E;
  --shadow: rgba(0, 0, 0, 0.38);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 8px 20px rgba(0, 0, 0, 0.45);
  --tag-chip-bg: #1E2B3B;
  --tag-chip-border: #2F4256;
  --tag-chip-text: #8FBCE8;
  /* 派生变量暗色覆写:浅色底全部换成深棕黑系,避免刺眼白块 */
  --avatar-bg: #3A3226;
  --avatar-text: #E0C79A;
  --code-inline-bg: #332B1D;
  --blockquote-bg: #241F17;
  --table-head-bg: #2B261D;
  --soft-hover-bg: #2B261D;
  --disabled-bg: #2A261E;
  --notice-error-bg: #3A2420;
  --notice-info-bg: #1D2B3A;
  --notice-success-bg: #1D3226;
  --tag-chip-hover-bg: #24384C;
  --pill-hover-bg: #1E2B3A;
  --badge-yiwa-bg: #1E2E40;
  --role-xiaowei-bg: #1C2F24;
  --role-xiaowei-text: #7CC99A;
  --verify-ok-bg: #1D3226;
  --verify-fail-bg: #3A2420;
  --card-border-subtle: rgba(255, 255, 255, 0.08);
  --card-border-hover: rgba(255, 255, 255, 0.18);
  --card-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5);
  --card-shadow-hover: 0 6px 16px rgba(0, 0, 0, 0.55);
  --header-input-border: rgba(255, 255, 255, 0.14);
  --settings-hover-bg: #2B261D;
  --reply-bg: rgba(255, 255, 255, 0.05);
  --team-avatar-border: var(--surface);
  --notif-dot-bg: #F05C61;
}