/* =====================================================
   themes.css —— 五套主题，全部用 CSS 自定义属性实现
   组件与粒子自动适配；切换即改 body[data-theme]
   ===================================================== */

/* 默认 / 蜜桃粉 pink */
:root,
body[data-theme="pink"] {
  --primary: #ff7da3;
  --primary-deep: #ff5c8a;
  --accent: #ff5c8a;
  --bg: #fff5f8;
  --bg-soft: #ffe9f0;
  --card: #ffffff;
  --text: #3a2c33;
  --muted: #a98a96;
  --line: #ffe0e9;
  --particle: #ff8fb3;
  --gradient: linear-gradient(135deg, #ff9ebb, #ff6f9c);
  --shadow: 0 8px 24px rgba(255, 125, 163, .18);
  --danger: #ff5b5b;
}

/* 静谧蓝 blue */
body[data-theme="blue"] {
  --primary: #7da8ff;
  --primary-deep: #5b8cff;
  --accent: #5b8cff;
  --bg: #f2f7ff;
  --bg-soft: #e3edff;
  --card: #ffffff;
  --text: #2c343f;
  --muted: #8296b5;
  --line: #dce7ff;
  --particle: #8fb6ff;
  --gradient: linear-gradient(135deg, #9dbdff, #5b8cff);
  --shadow: 0 8px 24px rgba(125, 168, 255, .20);
  --danger: #ff6b6b;
}

/* 复古胶片 retro */
body[data-theme="retro"] {
  --primary: #c98a4b;
  --primary-deep: #b5723a;
  --accent: #b5723a;
  --bg: #fbf3e8;
  --bg-soft: #f3e6d3;
  --card: #fffdf9;
  --text: #43362a;
  --muted: #a9947c;
  --line: #ecdcc4;
  --particle: #d9a066;
  --gradient: linear-gradient(135deg, #d9a066, #b5723a);
  --shadow: 0 8px 24px rgba(201, 138, 75, .18);
  --danger: #d05a4e;
}

/* 极简奶白 beige */
body[data-theme="beige"] {
  --primary: #b9a58c;
  --primary-deep: #9c8a72;
  --accent: #9c8a72;
  --bg: #faf8f4;
  --bg-soft: #f0ebe2;
  --card: #ffffff;
  --text: #3f3a33;
  --muted: #a89d8d;
  --line: #e8e1d5;
  --particle: #cdbba6;
  --gradient: linear-gradient(135deg, #cdbba6, #9c8a72);
  --shadow: 0 8px 24px rgba(185, 165, 140, .16);
  --danger: #d98a7a;
}

/* 暗夜甜酷 dark */
body[data-theme="dark"] {
  --primary: #c98bff;
  --primary-deep: #b066ff;
  --accent: #b066ff;
  --bg: #17131f;
  --bg-soft: #221b30;
  --card: #241d33;
  --text: #f0e9ff;
  --muted: #9a8ab8;
  --line: #352a4d;
  --particle: #d59bff;
  --gradient: linear-gradient(135deg, #c98bff, #8f5bff);
  --shadow: 0 8px 24px rgba(0, 0, 0, .4);
  --danger: #ff6b8a;
}