/* ===== 默认主题：配色变量 =====
 * 主题切换原理：<html data-theme="xxx"> 属性切换，对应变量集自动生效。
 * 配色单一来源：事件颜色 --event-1~8 同时供 app.js 读取（Theme.getEventColors）。
 * 新增主题：复制本文件改值 + themes.js 注册表登记一项即可。
 */
[data-theme="playful"] {
  /* ===== 活泼主题：暖橙暖底 ===== */
  /* 主色 */
  --primary: #FF9500;
  --primary-dark: #E68600;
  /* 背景 */
  --bg: #FFF8F0;
  --card-bg: #FFFFFF;
  /* 文字 */
  --text: #2C1810;
  --text-secondary: #A08878;
  --text-tertiary: #D4C4B8;
  /* 边框 */
  --border: #EDE0D4;
  /* 周末文字色 */
  --weekend: #E86A40;
  /* 事件配色（8色，与原 app.js COLORS 统一为单一来源）
     注：原 CSS --event-2(#34C759)、--event-8(#64D2FF) 从未被引用，
     实际生效的是 app.js COLORS[1]=#007AFF、COLORS[7]=#8E8E93，此处对齐。
     不含绿色，避免与假日底色冲突（SOP 陷阱14/配色规范）。 */
  --event-1: #4A90D9;
  --event-2: #007AFF;
  --event-3: #FF9500;
  --event-4: #AF52DE;
  --event-5: #FF3B30;
  --event-6: #5AC8FA;
  --event-7: #FFD60A;
  --event-8: #8E8E93;
  /* 周末底色 */
  --weekend-bg: #FFF0E4;
  /* 非当月/过期文字 */
  --text-other: #B8A898;
  --text-past: #8C7A6B;
  /* 遮罩 */
  --overlay-bg: rgba(60,30,10,0.45);
  /* 输入框 */
  --input-bg: #FFF5EB;
  --input-bg-alt: #FFF0E0;
  /* 按钮 */
  --btn-cancel-bg: #FAF0E5;
  --danger-bg: #FFF0EE;
  /* 错误提示 */
  --error-bg: #FFF3F0;
  --error-border: #FFD0C2;
  --error-text: #C0392B;
  /* 事件文字色 */
  --event-text: #FFFFFF;
  /* 字体 */
  --font-family: "ZCOOL KuaiLe", "DingTalk JinBuTi", "幼圆", "YouYuan", "Microsoft YaHei", sans-serif;
  /* 圆角（更柔和） */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  /* 阴影（偏暖） */
  --shadow-sm: 0 2px 10px rgba(200,120,50,0.12);
  --shadow-md: 0 4px 24px rgba(180,100,40,0.18);
  --shadow-up: 0 -4px 24px rgba(180,100,40,0.18);
}
