/* UtilHub 共用樣式基底:色票 token、reset、字型、捲軸。
   各頁面在自己的 <style> 裡只寫頁面專屬的樣式;
   舊頁面(song-studio / app-planner / photo-studio)仍保留自己的 :root 覆寫,
   因為 <style> 排在這支之後,覆寫會生效,外觀不變。 */
:root {
  --bg: #0b0d11;
  --panel: #14171f;
  --panel-hover: #1b202c;
  --line: #262c3d;
  --line-light: #374158;
  --ink: #f0f3f8;
  --dim: #8e99ac;
  --muted: #5e687d;
  --accent: #e0a458;
  --accent-hover: #f5b369;
  --accent-glow: rgba(224, 164, 88, 0.2);
  --ok: #3ecf8e;
  --err: #ef5a6f;
  --radius: 12px;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font: 14px/1.6 "Segoe UI", -apple-system, BlinkMacSystemFont, "Noto Sans TC", sans-serif;
}

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--line); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--line-light); }