/* The base Music design is light; adapt the shared motion and frame layers. */
@media (min-width: 921px) {
  :where(html:not([data-ui-theme="dark"])) #fuuvo-music-pc {
    color-scheme: light;
    --brand: #007c87;
    --brand-deep: #005c66;
    --ink: #163a42;
    --muted: #536b72;
    --line: #d5e3e0;
    --soft: #edf6f3;
    --surface: #fff;
    --surface-raised: #f1f7f5;
    --rainbow: var(--fv-spectrum);
  }

  :where(html:not([data-ui-theme="dark"])) #fuuvo-music-pc .fv-flow,
  :where(html:not([data-ui-theme="dark"])) #fuuvo-music-pc .discovery-hero.fv-flow,
  :where(html:not([data-ui-theme="dark"])) #fuuvo-music-pc .side-creation-note.fv-flow,
  :where(html:not([data-ui-theme="dark"])) #fuuvo-music-pc .playlist-detail-hero.fv-flow {
    background: #edf6f3;
  }
  :where(html:not([data-ui-theme="dark"])) #fuuvo-music-pc .fv-flow-layer { opacity: .38; }
  :where(html:not([data-ui-theme="dark"])) #fuuvo-music-pc .fv-flow-layer::after {
    background: linear-gradient(90deg, #ffffff99, #ffffff10 72%);
  }
  :where(html:not([data-ui-theme="dark"])) #fuuvo-music-pc .fv-ambient.fv-flow { background: transparent; }
  :where(html:not([data-ui-theme="dark"])) #fuuvo-music-pc .fv-ambient .fv-flow-layer { opacity: .08; }
  :where(html:not([data-ui-theme="dark"])) #fuuvo-music-pc .fv-ambient .fv-flow-layer::after {
    background: linear-gradient(180deg, #f8faf900, #f8faf9b0);
  }
  :where(html:not([data-ui-theme="dark"])) #fuuvo-music-pc .fv-flow[data-fv-flow="card"] .fv-flow-layer,
  :where(html:not([data-ui-theme="dark"])) #fuuvo-music-pc .playlist-detail-hero.fv-flow .fv-flow-layer { opacity: .32; }

  :where(html:not([data-ui-theme="dark"])) #fuuvo-music-pc .hero-copy p,
  :where(html:not([data-ui-theme="dark"])) #fuuvo-music-pc .side-creation-note p,
  :where(html:not([data-ui-theme="dark"])) #fuuvo-music-pc .field-hint,
  :where(html:not([data-ui-theme="dark"])) #fuuvo-music-pc #track-detail .detail-style {
    color: var(--muted);
  }
  :where(html:not([data-ui-theme="dark"])) #fuuvo-music-pc input::placeholder,
  :where(html:not([data-ui-theme="dark"])) #fuuvo-music-pc textarea::placeholder { color: var(--muted); }

  :where(html:not([data-ui-theme="dark"])) #fuuvo-music-pc .top-create,
  :where(html:not([data-ui-theme="dark"])) #fuuvo-music-pc .top-create:hover,
  :where(html:not([data-ui-theme="dark"])) #fuuvo-music-pc .generate-button,
  :where(html:not([data-ui-theme="dark"])) #fuuvo-music-pc .generate-button:hover {
    color: #163a42;
  }
  :where(html:not([data-ui-theme="dark"])) #fuuvo-music-pc .toast {
    background: #fffffff5;
    color: var(--ink);
    border: 1px solid var(--line);
  }
  /* This must outrank the page's later inline fallback colours. */
  :where(html:not([data-ui-theme="dark"])) #fuuvo-music-pc[data-pc-boot] [data-pc-load-error] {
    background: #f8faf9f7;
    color: var(--ink);
    overflow-wrap: anywhere;
  }
  :where(html:not([data-ui-theme="dark"])) #fuuvo-music-pc[data-pc-boot] [data-pc-load-error] button {
    background: #e5f2ed;
    border-color: var(--brand);
    color: var(--brand-deep);
  }
}