/* =========================================================================
   themes.css — 五套可切换主题
   通过 <html data-theme="..."> 切换。导航/布局/交互保持一致，仅配色与
   插画装饰（见 illustrations.js）随主题变化。
   主题：sage 鼠尾草绿 / sky 晴空蓝 / rose 玫瑰陶土 / iris 雾紫鸢尾 / oat 燕麦焦糖
   ========================================================================= */

:root,
[data-theme="sage"] {
  --sidebar-w: 232px;
  --c-bg: #f6f4ec;
  --c-card: #fffdf8;
  --c-sidebar-bg: #eef1e6;
  --c-border: #e3e0d3;
  --c-border-strong: #cdc9b8;
  --c-text: #2f3a30;
  --c-text-soft: #6f7a6c;
  --c-text-faint: #9aa394;
  --c-primary: #7c9473;
  --c-on-primary: #ffffff;
  --c-primary-soft: #e4ecdf;
  --c-nav-text: #46534a;
  --c-nav-hover: #e7ecdf;
  --c-nav-active: #dde7d6;
  --c-nav-active-text: #3f5238;
  --c-nav-icon: #7e8b78;
  --c-chip-bg: #eef0e8;
  --c-chip-text: #5c6b58;
  --c-chip-border: #ddd9c8;
  --c-cat-work-bg: #dfe7f0; --c-cat-work-text: #3f5b7e;
  --c-cat-side-bg: #e7e0f0; --c-cat-side-text: #5b4a86;
  --c-cat-health-bg: #def0e4; --c-cat-health-text: #3f7a55;
  --c-cat-family-bg: #f0e7df; --c-cat-family-text: #8a6a4f;
  --c-cat-personal-bg: #e9e9e4; --c-cat-personal-text: #5f5f55;
  --c-danger: #c0492f; --c-danger-soft: #f6ddd6;
  --c-warn: #b9892f; --c-warn-soft: #f6ecd6; --c-warn-text: #8a6320;
  --c-hero-bg: #f0ecdf; --c-hero-art: #8aa17f;
  --c-notice-bg: #f3eede; --c-notice-text: #6b6450;
  --c-shadow: rgba(80,90,70,.12);
}

[data-theme="sky"] {
  --sidebar-w: 232px;
  --c-bg: #f4f8fc;
  --c-card: #ffffff;
  --c-sidebar-bg: #eaf2fb;
  --c-border: #dfe9f3;
  --c-border-strong: #c4d6e8;
  --c-text: #1f3346;
  --c-text-soft: #5d7488;
  --c-text-faint: #93a8ba;
  --c-primary: #3b82c4;
  --c-on-primary: #ffffff;
  --c-primary-soft: #e1eefb;
  --c-nav-text: #2c4a63;
  --c-nav-hover: #e6f0fa;
  --c-nav-active: #d6e8f8;
  --c-nav-active-text: #1f527a;
  --c-nav-icon: #5b87ad;
  --c-chip-bg: #eaf1f8;
  --c-chip-text: #3f607c;
  --c-chip-border: #d3e1ee;
  --c-cat-work-bg: #d9e6f4; --c-cat-work-text: #2f5b8a;
  --c-cat-side-bg: #e2e2f4; --c-cat-side-text: #4a4a86;
  --c-cat-health-bg: #d9f0e6; --c-cat-health-text: #2f7a5a;
  --c-cat-family-bg: #f0e6da; --c-cat-family-text: #84684c;
  --c-cat-personal-bg: #e8edf1; --c-cat-personal-text: #566b7c;
  --c-danger: #c0392b; --c-danger-soft: #f7dcd8;
  --c-warn: #c2882f; --c-warn-soft: #f8ecd8; --c-warn-text: #8a6320;
  --c-hero-bg: #e8f1fa; --c-hero-art: #4a90d0;
  --c-notice-bg: #e6f0fa; --c-notice-text: #3a5a78;
  --c-shadow: rgba(40,90,140,.12);
}

[data-theme="rose"] {
  --sidebar-w: 232px;
  --c-bg: #faf4f1;
  --c-card: #fffaf8;
  --c-sidebar-bg: #f6e9e4;
  --c-border: #ecdcd4;
  --c-border-strong: #dcc3b8;
  --c-text: #43332e;
  --c-text-soft: #8a6f66;
  --c-text-faint: #b79a90;
  --c-primary: #b9766b;
  --c-on-primary: #ffffff;
  --c-primary-soft: #f4e2dd;
  --c-nav-text: #5c443d;
  --c-nav-hover: #f3e2dc;
  --c-nav-active: #efd9d2;
  --c-nav-active-text: #7a4a40;
  --c-nav-icon: #b08a80;
  --c-chip-bg: #f5e7e1;
  --c-chip-text: #8a5f54;
  --c-chip-border: #e7cdc3;
  --c-cat-work-bg: #e7dcef; --c-cat-work-text: #5d4880;
  --c-cat-side-bg: #f0e1ec; --c-cat-side-text: #8a4a78;
  --c-cat-health-bg: #e1efe6; --c-cat-health-text: #3f7a59;
  --c-cat-family-bg: #f7e6da; --c-cat-family-text: #8a6450;
  --c-cat-personal-bg: #f0e9e3; --c-cat-personal-text: #6b584e;
  --c-danger: #b23a2e; --c-danger-soft: #f6dcd6;
  --c-warn: #bb7a35; --c-warn-soft: #f6e9d6; --c-warn-text: #8a5a20;
  --c-hero-bg: #f4e6e0; --c-hero-art: #c08a7e;
  --c-notice-bg: #f6e9e4; --c-notice-text: #7a564c;
  --c-shadow: rgba(150,90,80,.12);
}

[data-theme="iris"] {
  --sidebar-w: 232px;
  --c-bg: #f6f3fb;
  --c-card: #ffffff;
  --c-sidebar-bg: #efe9f8;
  --c-border: #e6def2;
  --c-border-strong: #d2c4e6;
  --c-text: #322a45;
  --c-text-soft: #6f6486;
  --c-text-faint: #a99cbf;
  --c-primary: #8b7bb8;
  --c-on-primary: #ffffff;
  --c-primary-soft: #ece6f6;
  --c-nav-text: #463a5f;
  --c-nav-hover: #ece5f6;
  --c-nav-active: #e1d8f1;
  --c-nav-active-text: #5a4a86;
  --c-nav-icon: #9384ba;
  --c-chip-bg: #efeaf8;
  --c-chip-text: #5f5286;
  --c-chip-border: #ddd2ee;
  --c-cat-work-bg: #dde6f2; --c-cat-work-text: #3f5b86;
  --c-cat-side-bg: #e8def0; --c-cat-side-text: #6a4a8a;
  --c-cat-health-bg: #def0e7; --c-cat-health-text: #3a7a5c;
  --c-cat-family-bg: #f1e6ef; --c-cat-family-text: #7a4a78;
  --c-cat-personal-bg: #ece9f5; --c-cat-personal-text: #5f5480;
  --c-danger: #b03a6e; --c-danger-soft: #f6dce8;
  --c-warn: #b07a35; --c-warn-soft: #f6ecd8; --c-warn-text: #8a5a20;
  --c-hero-bg: #efe9f8; --c-hero-art: #9b8bc8;
  --c-notice-bg: #efe9f8; --c-notice-text: #5a4a86;
  --c-shadow: rgba(110,90,160,.14);
}

[data-theme="oat"] {
  --sidebar-w: 232px;
  --c-bg: #f3ede1;
  --c-card: #fbf7ee;
  --c-sidebar-bg: #ece2d0;
  --c-border: #e2d6c0;
  --c-border-strong: #ccbc9e;
  --c-text: #3f3526;
  --c-text-soft: #7c6e57;
  --c-text-faint: #a89a7f;
  --c-primary: #b07d3f;
  --c-on-primary: #fffaf0;
  --c-primary-soft: #efe2cc;
  --c-nav-text: #53442f;
  --c-nav-hover: #ece0cb;
  --c-nav-active: #e4d4b8;
  --c-nav-active-text: #6b4f2a;
  --c-nav-icon: #9a8156;
  --c-chip-bg: #efe6d6;
  --c-chip-text: #6f5a3a;
  --c-chip-border: #ddcdb0;
  --c-cat-work-bg: #dde6ee; --c-cat-work-text: #3f5b7e;
  --c-cat-side-bg: #eae0ee; --c-cat-side-text: #5d4a82;
  --c-cat-health-bg: #dceee2; --c-cat-health-text: #3f7a55;
  --c-cat-family-bg: #f1e3d6; --c-cat-family-text: #8a6448;
  --c-cat-personal-bg: #ece4d4; --c-cat-personal-text: #6b5a42;
  --c-danger: #b0432e; --c-danger-soft: #f3dccf;
  --c-warn: #a9792c; --c-warn-soft: #f3e8cf; --c-warn-text: #7a5618;
  --c-hero-bg: #efe6d4; --c-hero-art: #c0904f;
  --c-notice-bg: #efe6d4; --c-notice-text: #6b5a3a;
  --c-shadow: rgba(120,95,50,.14);
}