/* 发情节拍器 · 深色模式（定版：午夜紫，2026-10-16 董事长从四套里选的；温柔宝宝和主人小狗的颜色按他要求对调）
   只改颜色变量，布局和 app.css 共用。由 html[data-theme="dark"] 切换，设置里「外观」三档：浅色 / 深色 / 跟随系统。 */

html[data-theme="dark"] {
  --bg: #100b1e; --bg2: #2c1650; --bg3: #1b1038;
  --card: #1b1430; --card2: #2b1f48; --surface: #271b42; --sheet: #160f29; --chip: rgba(39, 27, 66, 0.94);
  --line: rgba(215, 91, 255, 0.24);
  --ink: #f1eaff; --ink2: #c5b3e8; --ink3: #8a79b0;
  --gold: #f5c76a; --cue: #ff6ed1;
  --accent: #ff6ea8; --accent2: #ffa0c8; --glow: rgba(255, 110, 168, 0.42); --shadow: rgba(0, 0, 0, 0.6); --track: rgba(215, 91, 255, 0.16);
  --veil: rgba(16, 11, 30, 0.72); --veil-strong: rgba(16, 11, 30, 0.96);
  color-scheme: dark;
}
/* 风格色：温柔宝宝粉、主人小狗紫、粗口调教玫红 */
html[data-theme="dark"][data-style="G"] { --accent: #ff6ea8; --accent2: #ffa0c8; --glow: rgba(255, 110, 168, 0.42); --bg2: #3a1645; }
html[data-theme="dark"][data-style="P"] { --accent: #d75bff; --accent2: #ff6ed1; --glow: rgba(215, 91, 255, 0.42); --bg2: #2c1650; }
html[data-theme="dark"][data-style="S"] { --accent: #ff3d8d; --accent2: #ff7ab5; --glow: rgba(255, 61, 141, 0.48); --bg2: #3d1040; }
html[data-theme="dark"] .style-card[data-style="G"] { --accent: #ff6ea8; --glow: rgba(255, 110, 168, 0.42); }
html[data-theme="dark"] .style-card[data-style="P"] { --accent: #d75bff; --glow: rgba(215, 91, 255, 0.42); }
html[data-theme="dark"] .style-card[data-style="S"] { --accent: #ff3d8d; --glow: rgba(255, 61, 141, 0.48); }

/* 暗色下的微调：卡片有一圈很淡的描边，不然黑底上浮不起来；按钮阴影换成光晕 */
html[data-theme="dark"] .style-card, html[data-theme="dark"] .seg, html[data-theme="dark"] .btn-ghost, html[data-theme="dark"] .summary span { border-color: var(--line); }
html[data-theme="dark"] .style-card { box-shadow: 0 10px 30px -18px rgba(0, 0, 0, 0.8); }
html[data-theme="dark"] .start, html[data-theme="dark"] .btn-primary { box-shadow: 0 14px 30px -12px var(--glow); }
html[data-theme="dark"] .phases span::before { opacity: 0.4; }
html[data-theme="dark"] .brand-title { text-shadow: 0 0 24px var(--glow); }