/* Theme resources and semantic tokens are separate from layout. */
:root[data-theme="watercolor"] {
  --page: #f8f4eb;
  --surface: #fffefa;
  --surface-emphasis: #eaf1df;
  --primary: #285540;
  --primary-pressed: #1e4331;
  --on-primary: #fffefa;
  --ink: #183f2e;
  --secondary: #657565;
  --outline: #e8dfcf;
  --soft-accent: #f3d6b3;
  --waiting: #99501e;
  --nav-surface: #fffef9f5;
  --nav-idle: #758174;
  --focus: #996131;
  --shadow: 0 5px 20px #65552d0d, 0 1px 4px #65552d05;
  --player-stage: #e8eedf;
  --player-buffer: #bbcbb2;
  --player-overlay: #fffef9eb;
  --player-backdrop: #183f2e;
  --font-ui: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;
  --font-poem: var(--font-ui);
}
.category-animals{--category-tint:#edf2e3}
.category-plants{--category-tint:#f8ece9}
.category-seasons{--category-tint:#f1eddb}
.category-moon{--category-tint:#eceef6}
.category-landscape{--category-tint:#e5ede6}
.category-life{--category-tint:#f1e8db}