/* ============================================================
   variables.css — 主题令牌（Theme Tokens）
   通过 [data-theme] 切换，业务/布局/交互层不感知皮肤差异。
   本期仅实现 healing；minimal 仅留空槽 + 装饰隐藏，未来填值即可。
   ============================================================ */

:root {
  /* 字体字族（全局统一一套纤细无衬线，仅用字重区分层级） */
  --font-sans: "PingFang SC", "Source Han Sans SC", "Noto Sans SC",
    "Microsoft YaHei", system-ui, -apple-system, sans-serif;

  /* 全局尺寸/节奏（与皮肤无关，布局共用） */
  --app-max-width: 440px;
  --radius-card: 20px;
  --radius-sm: 12px;
  --radius-pill: 999px;
  --gap: 16px;
  --gap-sm: 10px;
  --pad-card: 18px;

  /* 三色优先级（语义色，跨皮肤保持一致含义） */
  --prio-high: #e08a8a;
  --prio-mid: #e0b56b;
  --prio-low: #8fb6d6;
}

/* ---------- 治愈手账风（本期完整实现） ---------- */
[data-theme="healing"] {
  /* 背景：柔和蓝绿低饱和渐变朦胧 */
  --bg-gradient: linear-gradient(165deg, #e9f4f1 0%, #e4eef3 45%, #f1ece3 100%);
  --bg-solid: #eef3f1;

  /* 卡片：米白 / 奶杏 */
  --card-bg: #fdfcf8;
  --card-bg-2: #fbf7ef; /* 双层柔光日签内层 */
  --card-border: #efe9dd;
  --card-shadow: 0 8px 24px rgba(120, 150, 140, 0.14);
  --card-shadow-inner: inset 0 1px 0 rgba(255, 255, 255, 0.7);

  /* 文字 */
  --text-main: #4a554f;
  --text-sub: #8b938b;
  --text-faint: #b6bdb4;

  /* 强调色：雾感青绿 */
  --accent: #7fb0a3;
  --accent-soft: #cfe6df;
  --accent-deep: #5b8c7f;

  /* 控件 */
  --input-bg: #f6f3ec;
  --input-border: #e7e0d2;
  --divider: #ece6da;

  /* 图表线 */
  --chart-line: #7fb0a3;
  --chart-fill: rgba(127, 176, 163, 0.18);
  --chart-grid: #ece6da;

  /* 装饰：手绘线条显隐（治愈风可见） */
  --deco-opacity: 1;
  --deco-color: #9bb7ad;

  /* 选中态 Tab */
  --tab-active: #5b8c7f;
  --tab-inactive: #aeb6ad;
}

/* ---------- 极简 ins 风（仅预留空槽，本期不实现） ----------
   填值规则：复制 healing 块，改以下变量即可，HTML/JS 不动。
   装饰统一隐藏：--deco-opacity: 0。 */
[data-theme="minimal"] {
  --bg-gradient: none;        /* TODO: 纯白背景 */
  --bg-solid: #ffffff;
  --card-bg: #ffffff;
  --card-bg-2: #ffffff;
  --card-border: #efefef;
  --card-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
  --card-shadow-inner: none;
  --text-main: #333333;
  --text-sub: #999999;
  --text-faint: #cccccc;
  --accent: #333333;
  --accent-soft: #f2f2f2;
  --accent-deep: #111111;
  --input-bg: #fafafa;
  --input-border: #eeeeee;
  --divider: #f0f0f0;
  --chart-line: #333333;
  --chart-fill: rgba(0, 0, 0, 0.04);
  --chart-grid: #f0f0f0;
  --deco-opacity: 0;         /* 极简风隐藏所有手绘装饰 */
  --deco-color: transparent;
  --tab-active: #333333;
  --tab-inactive: #bbbbbb;
}