/**
 * markstream-vue theme: spotify
 * Auto-generated by scripts/theme-gen/cli.mjs
 */

/* ── Shared ── */
.markstream-vue[data-theme="spotify"] {
  --ms-font-sans: SpotifyMixUI, "Circular", "Helvetica Neue", helvetica, arial, sans-serif;
  --ms-radius: 0.5rem;
}

/* ── Light ── */
.markstream-vue[data-theme="spotify"] {
  --ms-background: 0 0% 97.3%;
  --ms-foreground: 0 0% 12.2%;
  --ms-muted: 0 0% 93.3%;
  --ms-muted-foreground: 0 0% 42%;
  --ms-secondary: 0 0% 94.3%;
  --ms-secondary-foreground: 0 0% 22.2%;
  --ms-accent: 8.5 4.5% 93.4%;
  --ms-accent-foreground: 0 0% 17.2%;
  --ms-primary: 141.3 75.1% 33.1%;
  --ms-primary-foreground: 0 0% 0%;
  --ms-destructive: 0 84.2% 60.2%;
  --ms-destructive-foreground: 0 0% 0%;
  --ms-border: 0 0% 55.8%;
  --ms-ring: 0 0% 12.2%;
  --ms-popover: 0 0% 97.3%;
  --ms-popover-foreground: 0 0% 12.2%;
  --ms-link: 207 100% 38%;
}

/* ── Dark ── */
.dark .markstream-vue[data-theme="spotify"],
.markstream-vue[data-theme="spotify"].dark {
  --ms-background: 0 0% 7.1%;
  --ms-foreground: 0 0% 100%;
  --ms-muted: 0 0% 15.1%;
  --ms-muted-foreground: 0 0% 70.2%;
  --ms-secondary: 0 0% 9.4%;
  --ms-secondary-foreground: 0 0% 90%;
  --ms-accent: 14.1 7.6% 11.2%;
  --ms-accent-foreground: 0 0% 95%;
  --ms-primary: 141.4 75.5% 48%;
  --ms-primary-foreground: 0 0% 0%;
  --ms-destructive: 354 84.3% 70%;
  --ms-destructive-foreground: 0 0% 0%;
  --ms-border: 0 0% 30.2%;
  --ms-ring: 0 0% 100%;
  --ms-popover: 0 0% 7.1%;
  --ms-popover-foreground: 0 0% 100%;
  --ms-info: 212.6 89% 64.3%;
  --ms-info-foreground: 0 0% 0%;
  --ms-warning: 34.2 100% 58.4%;
  --ms-warning-foreground: 0 0% 0%;
  --ms-link: 222 100% 68%;
}