/*
  見た目の値（色・文字）をまとめたファイル。
  デザインを変えるときは、まずここを差し替えます。
  再生中は <html data-state="playing">、停止中は data-state="paused" になるので、
  例えばレコードを回すなら次のように書けます：
    [data-state="playing"] .record { animation: spin 4s linear infinite; }
*/
:root {
  --bg: #ffffff;
  --text: #2b2633;
  --sub: #6e6878;
  --lavender: #b9a7e0;
  --lavender-strong: #7a64b8;
  --lavender-press: #6852a6;
  --lavender-soft: #f4f0fb;
  --line: #e9e4f2;
  --error: #b3364a;
  --font: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
}