/* ============================================================
   variables.css — 主题令牌（Theme Tokens）
   通过 [data-theme] 切换，业务/布局/交互层不感知皮肤差异。
   双主题 warm / cool，仅换背景渐变变量；其余配色变量共享（见 :root）。
   按需求规格书 v1（执行版）第一部分重写。
   ============================================================ */

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

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

  /* 三色优先级（语义色，review/settings 页仍使用，跨皮肤一致含义） */
  --prio-high: #e08a8a;
  --prio-mid: #e0b56b;
  --prio-low: #8fb6d6;

  /* ---------- 规格书 1.4 两主题共享配色 ---------- */
  --card-bg: #FFFCF7;        /* 所有功能卡片底色 */
  --card-border: #E5DDD5;    /* 卡片 1px 描边 */
  --accent: #7C9E8A;         /* 强调 / 选中 / 完成态 / 卡片标题 */
  --accent-dark: #5A7D68;    /* 主色 hover / 按压 */
  --accent-light: #D4E5DA;   /* 选中态背景 / 完成态底色 */
  --warm: #D4956B;           /* 待办 / 点缀 / 生成卡片顶条 */
  --warm-light: #F5E6D8;     /* 待办底色 */
  --text: #2D2D2D;           /* 主文字 */
  --text2: #7A7A7A;          /* 标签 / 说明 / 占位 */
  --border: #E5DDD5;         /* 输入框 / 分割线 */

  /* ---------- 规格书 1.5 装饰彩色（简笔画专用） ---------- */
  --deco-pink: #E8A5A5;    /* 柔粉：花瓣/装饰填充 */
  --deco-yellow: #F5D76E;  /* 鹅黄：花心/装饰填充 */
  --deco-blue: #8BC8E0;    /* 天空蓝：叶子/装饰填充 */
  --deco-coral: #F5A58C;   /* 珊瑚橙：茎枝/描边线条 */
  --deco-mint: #7EC4A0;   /* 薄荷绿：茎叶/装饰填充 */

  /* ---------- 规格书 1.6 框框感参数 ---------- */
  --radius: 12px;          /* 卡片圆角（注：板块容器实际用 16px，见 2.1/3.1） */
  --radius-sm: 8px;        /* 内部元素圆角 */
  --radius-pill: 999px;    /* 标签 / 按钮圆角 */
  --shadow: 0 2px 12px rgba(0, 0, 0, 0.08);  /* 卡片阴影 */
  --border-width: 1px;     /* 卡片描边粗细 */

  /* ---------- 兼容保留：组件 / 弹窗 / 月历 / 设置 / 输入框（规格书未重新定义，沿用旧语义） ---------- */
  --input-bg: #FAF8F3;          /* 输入框背景（弹窗等） */
  --input-border: #EBE6DD;      /* 输入框描边 */
  --divider: #E5DDD5;           /* 分割线 */
  --text-faint: #B0A89E;        /* 最浅文字（待完成/未选中态） */
  --accent-soft: #D4E5DA;       /* 浅绿底（复用 accent-light 语义） */
  --card-bg-2: #F5F0EB;         /* 内层底色（弹窗等） */
  --card-shadow-inner: none;
  --chart-line: #7C9E8A;        /* 图表线 */
  --chart-fill: rgba(124, 158, 138, 0.15);
  --chart-grid: #E5DDD5;
  --tab-active: #7C9E8A;        /* 底部导航选中 */
  --tab-inactive: #B0A89E;      /* 底部导航未选中 */
  --deco-opacity: 1;            /* 装饰显隐 */
  --deco-color: #9bb7ad;        /* 装饰描边色（弹窗/旧装饰） */

  /* 背景渐变默认（兜底 = warm 值；warm/cool 主题覆盖） */
  --bg-gradient: linear-gradient(180deg, #F5F0EB 0%, #F5E8D0 50%, #F5F0D8 100%);
  --bg-solid: #F5F0EB;
}

/* ---------- 暖调微渐变（规格书 1.2） ---------- */
[data-theme="warm"] {
  --bg-gradient: linear-gradient(180deg, #F5F0EB 0%, #F5E8D0 50%, #F5F0D8 100%);
  --bg-solid: #F5F0EB;
}

/* ---------- 蓝绿微渐变（规格书 1.3） ---------- */
[data-theme="cool"] {
  --bg-gradient: linear-gradient(180deg, #D5EBF5 0%, #D8EEDF 40%, #EDE8DA 80%, #F5F0EB 100%);
  --bg-solid: #EDE8DA;
}