/* Generated by scripts/gen-tokens.swift from design/tokens.json - do not edit by hand. */
:root {
  color-scheme: dark light;
  --cue: #F2555A;
  --cue-text: #FF6B6F;
  --ink: #ECECEE;
  --ground: #101113;
  --muted: #8E8E96;
  --line: #222326;
  --control-border: #8E8E9666;
  --played: #8E8E96;
  --line-strong: #2A2B2F;
  --indicator-off: #66676E;
  --surface-alt: #1A1B1E;
}
@media (prefers-color-scheme: light) {
  :root {
    --cue: #F2555A;
    --cue-text: #C42B30;
    --ink: #111113;
    --ground: #FFFFFF;
    --muted: #55555C;
    --line: #E4E4E7;
    --control-border: #E4E4E7;
    --played: #55555C;
    --line-strong: #B9B9C0;
    --indicator-off: #8A8A92;
    --surface-alt: #F2F2F4;
  }
}
/* Always the stage: dark values in both schemes, like the app's stage window. */
.scheme-stage {
  color-scheme: dark;
  --cue: #F2555A;
  --cue-text: #FF6B6F;
  --ink: #ECECEE;
  --ground: #101113;
  --muted: #8E8E96;
  --line: #222326;
  --control-border: #8E8E9666;
  --played: #8E8E96;
  --line-strong: #2A2B2F;
  --indicator-off: #66676E;
  --surface-alt: #1A1B1E;
}