:root {
  --g-beats-sky-top: #a99be8;
  --g-beats-sky-mid: #f6b8cf;
  --g-beats-sky-bottom: #ffe3bd;
  --g-beats-sun: #fff1c4;
  --g-beats-hill-far: #c3a9de;
  --g-beats-hill: #9fd48a;
  --g-beats-hill-near: #78bf6a;
  --g-beats-lane: rgba(255, 255, 255, 0.2);
  --g-beats-lane-edge: rgba(255, 255, 255, 0.5);
  --g-beats-line: #fffaf0;
  --g-beats-glow: #fff3b0;
  --g-beats-text: #fffaf2;
  --g-beats-ink: #4a3348;
  --g-beats-mote: #fffbe6;
  --g-beats-miss: #b8b2b4;
  --g-beats-card: rgba(255, 250, 244, 0.92);
  --g-beats-card-ink: #4a3348;
  --g-beats-tint: 0.12;
  --g-beats-lane-w: 118px;
  --g-beats-note-r: 27px;
  --g-beats-pad-gap: 132px;
  --g-beats-bloom-s: 0.42s;
  --g-beats-text-s: 0.7s;
}

:root.dark,
:root.theme-cyberneon,
:root.theme-lofi,
:root.theme-darkacademia {
  --g-beats-sky-top: #1d1a46;
  --g-beats-sky-mid: #3e2f6e;
  --g-beats-sky-bottom: #7a4f7f;
  --g-beats-sun: #f3e6ff;
  --g-beats-hill-far: #3a2f63;
  --g-beats-hill: #24504a;
  --g-beats-hill-near: #1b3f3a;
  --g-beats-lane: rgba(255, 255, 255, 0.07);
  --g-beats-lane-edge: rgba(255, 255, 255, 0.22);
  --g-beats-line: #ffeec2;
  --g-beats-glow: #ffe58a;
  --g-beats-text: #fffaf2;
  --g-beats-ink: #1d1530;
  --g-beats-mote: #fff1a8;
  --g-beats-miss: #7f7890;
  --g-beats-card: rgba(36, 28, 60, 0.9);
  --g-beats-card-ink: #f6eefc;
  --g-beats-tint: 0.2;
}