/* ── 日间模式：手调的变量值 ──
   配色取自舒薇选中的「月光」：象牙白渐变到淡薰衣草，字是带紫调的深墨色，紫和金照旧做点缀。
   整站绝大多数颜色走变量，这里把变量换成日间值；写死的颜色由 js/theme.js 在浏览器里按规则原地换。
   theme.js 不会再去换这个文件里的颜色（这里本来就是日间值）。
   切换开关在设置 →「外观」；偏好存在本机，手机和电脑各记各的。 */

:root[data-theme="light"] {
  color-scheme: light;

  --bg-primary: linear-gradient(to bottom, oklch(0.975 0.01 85), oklch(0.93 0.025 300));
  --bg-secondary: oklch(0.965 0.01 300);
  --bg-tertiary: oklch(0.935 0.015 300);
  --bg-hover: oklch(0.905 0.025 300);
  --bg-message-user: linear-gradient(135deg, oklch(0.9 0.05 300), oklch(0.86 0.07 300));
  --bg-message-ai: oklch(1 0 0 / 0.78);
  --bg-input: oklch(0.99 0.004 300);
  --bg-glass: oklch(1 0 0 / 0.6);

  --text-primary: oklch(0.27 0.03 295);
  --text-secondary: oklch(0.4 0.03 295);
  --text-muted: oklch(0.48 0.03 295);
  --text-accent: oklch(0.47 0.15 300);

  --accent: oklch(0.55 0.18 300);
  --accent-glow: oklch(0.55 0.18 300 / 0.18);
  --accent-soft: oklch(0.66 0.12 300);
  --border-color: oklch(0.45 0.06 300 / 0.16);
  --solar-flare: 0 16px 36px oklch(0.45 0.08 300 / 0.1);
  --border-strong: oklch(0.5 0.14 300 / 0.3);

  --danger: oklch(0.55 0.19 15);
  --success: oklch(0.55 0.13 155);
  --warning: oklch(0.6 0.13 65);

  --cat-family: oklch(0.6 0.12 75);
  --cat-colleague: oklch(0.52 0.1 240);

  /* 夜间的「玻璃」是白色半透明叠在暗底上；日间要加厚才看得出一块面 */
  --glass-subtle: oklch(1 0 0 / 0.4);
  --glass-light: oklch(1 0 0 / 0.55);
  --glass-medium: oklch(1 0 0 / 0.7);
  --glass-highlight: oklch(1 0 0 / 0.85);

  --accent-tint-5: oklch(0.55 0.18 300 / 0.05);
  --accent-tint-8: oklch(0.55 0.18 300 / 0.08);
  --accent-tint-10: oklch(0.55 0.18 300 / 0.1);
  --accent-tint-15: oklch(0.55 0.18 300 / 0.14);
  --accent-tint-20: oklch(0.55 0.18 300 / 0.18);
  --accent-tint-25: oklch(0.55 0.18 300 / 0.22);
  --accent-tint-30: oklch(0.55 0.18 300 / 0.26);

  --border-tint-5: oklch(0.45 0.06 300 / 0.06);
  --border-tint-8: oklch(0.45 0.06 300 / 0.09);
  --border-tint-10: oklch(0.45 0.06 300 / 0.11);
  --border-tint-12: oklch(0.45 0.06 300 / 0.13);
  --border-tint-15: oklch(0.45 0.06 300 / 0.16);
  --border-tint-18: oklch(0.45 0.06 300 / 0.19);
  --border-tint-20: oklch(0.45 0.06 300 / 0.21);
  --border-tint-30: oklch(0.45 0.06 300 / 0.3);

  /* 夜间拿黑色半透明压暗输入框；日间换成极淡的紫灰 */
  --overlay-light: oklch(0.4 0.05 300 / 0.05);
  --overlay-medium: oklch(0.4 0.05 300 / 0.09);
  --overlay-heavy: oklch(0.22 0.03 300 / 0.4);
  --shadow-card: 0 10px 28px oklch(0.4 0.06 300 / 0.12);
}

:root[data-theme="light"],
:root[data-theme="light"] body {
  background-color: oklch(0.93 0.025 300);
}

:root[data-theme="light"] .panel,
:root[data-theme="light"] .modal-starry-overlay {
  background-color: oklch(0.975 0.01 85);
}

/* 面板和弹窗的底写死了夜间渐变，自动换色会换得偏紫；直接用日间底色，和聊天页一致 */
:root[data-theme="light"] .panel::before,
:root[data-theme="light"] .modal-starry-overlay::before {
  background: var(--bg-primary);
}

/* 星星是白点，在浅底上看不见，还一直在做闪烁动画；日间直接关掉，省电 */
:root[data-theme="light"] .panel::after,
:root[data-theme="light"] .modal-starry-overlay::after,
:root[data-theme="light"] .stars-bg,
:root[data-theme="light"] #welcome-screen::before {
  display: none;
}

/* 滑块轨道用的是 --bg-tertiary，日间和设置卡片底色几乎一样，看不见 */
:root[data-theme="light"] .slider-input {
  background: oklch(0.45 0.06 300 / 0.18);
}

/* 星轨菜单：轨道线的颜色写在 SVG 属性里，自动换色管不到；淡米色在浅底上若隐若现。
   CSS 的 stroke 能盖过属性，这里换成深一点的金色，由内到外渐强，和夜间同一个节奏 */
:root[data-theme="light"] #radial-orbits > circle:nth-of-type(1) { stroke: oklch(0.66 0.12 70 / 0.3); }
:root[data-theme="light"] #radial-orbits > circle:nth-of-type(2) { stroke: oklch(0.66 0.12 70 / 0.42); }
:root[data-theme="light"] #radial-orbits > circle:nth-of-type(3) { stroke: oklch(0.64 0.13 68 / 0.55); }
:root[data-theme="light"] #radial-orbits > circle:nth-of-type(4) { stroke: oklch(0.62 0.13 65 / 0.7); }

/* 图标外圈是白色光晕，夜间显亮，日间等于没有；白色的星星图标（「其他」）几乎看不见。
   换成浅紫投影托住轮廓 */
:root[data-theme="light"] .radial-icon-img {
  filter: drop-shadow(0 1px 2px oklch(0.4 0.08 300 / 0.35)) drop-shadow(0 0 5px oklch(0.55 0.12 300 / 0.25));
}

/* 右上角的菜单星星：本身是淡奶油色、外圈奶油色光晕，在象牙白底上融进去了。
   日间提一点饱和度，加一道细暖金描边托住轮廓，光晕换成更浓的金 */
:root[data-theme="light"] .fab-btn-img {
  filter: saturate(1.7) drop-shadow(0 1px 1.5px oklch(0.55 0.12 60 / 0.55)) drop-shadow(0 0 10px oklch(0.8 0.15 75 / 0.85));
  -webkit-filter: saturate(1.7) drop-shadow(0 1px 1.5px oklch(0.55 0.12 60 / 0.55)) drop-shadow(0 0 10px oklch(0.8 0.15 75 / 0.85));
}

:root[data-theme="light"] .fab-btn:hover .fab-btn-img {
  filter: saturate(1.8) drop-shadow(0 1px 1.5px oklch(0.55 0.12 60 / 0.6)) drop-shadow(0 0 16px oklch(0.8 0.16 75 / 0.95));
  -webkit-filter: saturate(1.8) drop-shadow(0 1px 1.5px oklch(0.55 0.12 60 / 0.6)) drop-shadow(0 0 16px oklch(0.8 0.16 75 / 0.95));
}

/* 发送按钮「还不能发」：夜间是盖一层 23% 的白色遮罩；日间自动换色会把它加厚成白板，
   整个按钮被糊住。日间不用遮罩，改成按钮整体淡一半 */
:root[data-theme="light"] .btn-send:disabled::after {
  display: none;
}

:root[data-theme="light"] .btn-send:disabled img {
  opacity: 0.5;
  filter: saturate(0.85);
}

/* 语音条的播放键是实心紫底白三角；白字被当成正文换成了深墨色，在紫底上发闷。按钮上的字保持白色 */
:root[data-theme="light"] .audio-play-btn {
  color: oklch(0.99 0 0);
}

/* ── 人物页的局部变量（对应 style.css 里 .mp-page 那组） ── */
:root[data-theme="light"] .mp-page {
  --mp-ink-1: oklch(0.27 0.03 295);
  --mp-ink-2: oklch(0.38 0.03 295);
  --mp-ink-3: oklch(0.48 0.03 295);
  --mp-link: oklch(0.48 0.14 300);
  --mp-gold: oklch(0.62 0.12 75);
  --mp-soon: oklch(0.52 0.13 15);
  --mp-warn: oklch(0.52 0.12 60);
  --mp-live: oklch(0.5 0.09 165);
  --mp-hairline: oklch(0.4 0.04 295 / 0.12);
  --mp-shadow: 0 10px 28px oklch(0.4 0.05 300 / 0.12);
}

/* 记忆点选：夜里的浅金在日间底上太淡，换成深一点的琥珀；不要发光 */
:root[data-theme="light"] .mem-choice {
  --mc-gold: oklch(0.7 0.13 70);
  --mc-gold-soft: oklch(0.75 0.12 75 / 0.2);
  --mc-gold-line: oklch(0.62 0.13 70 / 0.55);
  --mc-gold-ink: oklch(0.22 0.03 295);
  --mc-moon-dark: oklch(0.45 0.05 295 / 0.12);
  --mc-glow: none;
  --mc-active-bg: oklch(0.88 0.05 300 / 0.7);
  --mc-active-text: oklch(0.45 0.11 62);
}
:root[data-theme="light"] .mem-choice--scale,
:root[data-theme="light"] .mem-choice--segmented,
:root[data-theme="light"] .mem-choice--tone,
:root[data-theme="light"] .mem-choice--intensity {
  box-shadow: inset 0 1px 2px oklch(0.4 0.05 300 / 0.08);
}
/* 选中珠子左边的数字：日间底色浅，琥珀要再深一点才读得清 */
:root[data-theme="light"] .mem-choice--scale .mem-choice-opt.is-filled {
  color: oklch(0.52 0.12 62);
}

/* 弹窗质感层：日间版，象牙到淡薰衣草，金色细边照旧 */
:root[data-theme="light"] .modal {
  --mt-surface-top: oklch(0.985 0.01 85);
  --mt-surface-bottom: oklch(0.955 0.02 300);
  --mt-moonlight: oklch(0.85 0.1 85 / 0.16);
  --mt-edge-top: oklch(0.72 0.12 75 / 0.55);
  --mt-edge-bottom: oklch(0.6 0.08 300 / 0.18);
  --mt-field: oklch(0.995 0.004 300 / 0.85);
  --mt-field-shadow: inset 0 1px 2px oklch(0.4 0.05 300 / 0.08);
  --mt-gold-hi: oklch(0.84 0.11 85);
  --mt-gold-lo: oklch(0.7 0.13 70);
  --mt-gold-ink: oklch(0.24 0.03 295);
  box-shadow: 0 20px 50px oklch(0.4 0.06 300 / 0.16);
}
:root[data-theme="light"] #memory-card-modal .modal > h3,
:root[data-theme="light"] #ai-review-detail-modal #ai-review-detail-title {
  color: oklch(0.27 0.03 295);
}