/* 森系 · 可爱版 设计令牌 */
:root {
  /* 底层背景：更奶油、更明亮 */
  --bg-page: #FBF6EF;
  --bg-nav: #F4ECE2;
  --bg-card: #FFFDFA;
  --bg-soft: #F6EFE6;
  --bg-hover: #EFE6DA;

  /* 主色：抹茶绿（更明亮柔和的可爱绿） */
  --moss-900: #46583B;
  --moss-700: #6E8160;
  --moss-500: #8FB57E;
  --moss-300: #BBD3AC;
  --moss-100: #E6F1DD;
  --moss-50:  #F3F8EE;

  /* 辅助色：马卡龙粉彩 */
  --clay-500: #F4C2C2;
  --clay-100: #FDF2F2;
  --rose-500: #F2A6B4;
  --rose-100: #FCE6EB;
  --sky-500:  #9ECBDD;
  --sky-100:  #E4F1F6;
  --sun-500:  #F4C879;
  --sun-100:  #FCF1DC;
  --lilac-500:#C6ABE4;
  --lilac-100:#F2EBF9;

  /* 文字：暖深，不碰纯黑 */
  --ink-900: #4C463C;
  --ink-700: #6F675B;
  --ink-500: #9A9384;
  --ink-300: #BDB4A6;

  /* 描边与阴影：更柔更糯 */
  --line: #ECE4D8;
  --line-soft: #F5EFE5;
  --shadow-sm: 0 2px 8px rgba(125, 112, 92, .06);
  --shadow-md: 0 8px 24px rgba(125, 112, 92, .08);
  --shadow-lg: 0 18px 44px rgba(125, 112, 92, .10);

  /* 圆角：更圆润 */
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-xl: 30px;
  --r-full: 999px;

  /* 字体：圆体优先，更软 */
  --font-sans: "PingFang SC", "Yuanti SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", system-ui, sans-serif;
  --font-serif: "Songti SC", "STSong", "SimSun", Georgia, serif;
  --font-num: "SF Pro Display", -apple-system, "Helvetica Neue", system-ui, sans-serif;

  /* 尺寸 */
  --nav-w: 218px;
  --nav-w-mini: 62px;
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);
}

/* 模块主题色，导航图标与卡片强调共用 */
.hue-home   { --hue: var(--moss-500);  --hue-bg: var(--moss-50); }
.hue-task   { --hue: var(--clay-500);  --hue-bg: var(--clay-100); }
.hue-review { --hue: var(--sky-500);   --hue-bg: var(--sky-100); }
.hue-trend  { --hue: var(--sun-500);   --hue-bg: var(--sun-100); }
.hue-diary  { --hue: var(--rose-500);  --hue-bg: var(--rose-100); }
.hue-note   { --hue: var(--lilac-500); --hue-bg: var(--lilac-100); }
.hue-meal   { --hue: var(--clay-500);  --hue-bg: var(--clay-100); }
.hue-read   { --hue: var(--moss-700);  --hue-bg: var(--moss-100); }
.hue-fav    { --hue: var(--sky-500);   --hue-bg: var(--sky-100); }
.hue-set    { --hue: var(--ink-500);   --hue-bg: var(--bg-soft); }
.hue-checkin { --hue: var(--moss-500); --hue-bg: var(--moss-50); }
.hue-calendar{ --hue: var(--sun-500);  --hue-bg: var(--sun-100); }