/* 换主题：只改 data-theme 与下列变量即可；新增主题在此追加一块。 */

:root {
  --font-ui: "DM Sans", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-display: "DM Sans", "PingFang SC", system-ui, sans-serif;
  --font-mono: ui-monospace, monospace;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --shadow-float: 0 12px 40px rgba(0, 0, 0, 0.18);
}

[data-theme='aurora'] {
  --bg-base: radial-gradient(120% 80% at 20% 0%, #1a1033 0%, #0d1528 45%, #071218 100%);
  --bg-elevated: rgba(255, 255, 255, 0.06);
  --bg-glass: rgba(255, 255, 255, 0.08);
  --border-subtle: rgba(255, 255, 255, 0.12);
  --text-primary: rgba(255, 255, 255, 0.94);
  --text-muted: rgba(255, 255, 255, 0.55);
  --accent: #7ee8fa;
  --accent-2: #eec0c6;
  --bubble-me: linear-gradient(135deg, #2a6d8f 0%, #3d8ba8 100%);
  --bubble-other: rgba(255, 255, 255, 0.1);
  --tabbar-bg: rgba(10, 14, 28, 0.72);
  --input-bg: rgba(255, 255, 255, 0.08);
  --danger: #ff8a8a;
}

[data-theme='ink'] {
  --bg-base: linear-gradient(180deg, #0a0a0a 0%, #111 100%);
  --bg-elevated: #161616;
  --bg-glass: #1c1c1c;
  --border-subtle: rgba(255, 255, 255, 0.08);
  --text-primary: #f2f2f2;
  --text-muted: #8a8a8a;
  --accent: #c8ff7a;
  --accent-2: #9cf;
  --bubble-me: #2e2e2e;
  --bubble-other: #252525;
  --tabbar-bg: rgba(12, 12, 12, 0.92);
  --input-bg: #1a1a1a;
  --danger: #ff6b6b;
}

/* Silas 默认：软萌 pastel / Y2K cute（粉 × 薄荷 × 乳黄 × 薰衣草） */
[data-theme='paper'] {
  --font-ui: 'Nunito', 'Varela Round', 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif;
  --font-display: 'Nunito', 'Varela Round', 'PingFang SC', system-ui, sans-serif;
  --radius-sm: 14px;
  --radius-md: 20px;
  --radius-lg: 26px;
  --shadow-float: 0 14px 36px rgba(255, 105, 180, 0.14), 0 4px 0 rgba(255, 182, 193, 0.35);

  --kw-pink: #ffb7d5;
  --kw-pink-deep: #ff8fab;
  --kw-mint: #b8f2e6;
  --kw-mint-deep: #7dd3c0;
  --kw-lemon: #fff3b0;
  --kw-lav: #e4d4ff;
  --kw-line: rgba(90, 70, 110, 0.18);

  --bg-base:
    linear-gradient(165deg, rgba(255, 245, 252, 1) 0%, rgba(232, 248, 244, 0.92) 38%, rgba(255, 248, 230, 0.95) 100%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.35) 0 10px, rgba(255, 182, 215, 0.08) 10px 20px);
  --bg-elevated: rgba(255, 255, 255, 0.78);
  --bg-glass: rgba(255, 252, 255, 0.72);
  --border-subtle: var(--kw-line);
  --text-primary: #4a3d52;
  --text-muted: rgba(74, 61, 82, 0.58);
  --accent: #ff6ba8;
  --accent-2: var(--kw-mint-deep);
  --bubble-me: linear-gradient(145deg, #ffd6eb 0%, #ffc2e0 55%, #ffb3d9 100%);
  --bubble-other: linear-gradient(145deg, #e8fdf8 0%, #d4f5ee 50%, #c8f0e8 100%);
  --tabbar-bg: rgba(255, 255, 255, 0.82);
  --input-bg: rgba(255, 255, 255, 0.92);
  --danger: #e85d8e;
}

/* 时尚大片：对话页用照片背景 + 玻璃气泡；朋友圈/我 用下方实色底 */
[data-theme='editorial'] {
  --font-ui: "Outfit", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-display: "Cormorant Garamond", "Songti SC", "Times New Roman", serif;
  /* 由 JS 根据设置或环境变量写入；无图时为 none，仅显示渐变遮罩 */
  --chat-bg-image: none;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 22px;
  --bg-base: linear-gradient(165deg, #151d2e 0%, #0c111d 55%, #070a12 100%);
  --bg-elevated: rgba(255, 255, 255, 0.07);
  --bg-glass: rgba(255, 255, 255, 0.12);
  --border-subtle: rgba(255, 255, 255, 0.18);
  --text-primary: rgba(255, 255, 255, 0.96);
  --text-muted: rgba(255, 255, 255, 0.58);
  --accent: #7eb8ff;
  --accent-2: #c9a0dc;
  --bubble-me: rgba(42, 92, 138, 0.48);
  --bubble-other: rgba(255, 255, 255, 0.2);
  --tabbar-bg: rgba(10, 14, 26, 0.52);
  --input-bg: rgba(255, 255, 255, 0.12);
  --danger: #ff9b9b;
}