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

/* ── Shared ── */
.markstream-vue[data-theme="coinbase"] {
  --ms-font-sans: CoinbaseSans, -apple-system, system-ui, sans-serif;
  --ms-radius: 1rem;
}

/* ── Light ── */
.markstream-vue[data-theme="coinbase"] {
  --ms-background: 0 0% 100%;
  --ms-foreground: 220 13% 4.5%;
  --ms-muted: 0 0% 96%;
  --ms-muted-foreground: 269 8.5% 37.9%;
  --ms-secondary: 216 17.2% 94.3%;
  --ms-secondary-foreground: 220 13% 14.5%;
  --ms-accent: 351.6 6% 97%;
  --ms-accent-foreground: 220 13% 9.5%;
  --ms-primary: 220.7 100% 50%;
  --ms-primary-foreground: 0 0% 100%;
  --ms-destructive: 0 84.2% 60.2%;
  --ms-destructive-foreground: 0 0% 0%;
  --ms-border: 346 1.3% 57.5%;
  --ms-ring: 220 13% 4.5%;
  --ms-popover: 0 0% 100%;
  --ms-popover-foreground: 220 13% 4.5%;
  --ms-info: 220.7 100% 50%;
  --ms-info-foreground: 0 0% 100%;
  --ms-link: 210.7 100% 38%;
}

/* ── Dark ── */
.dark .markstream-vue[data-theme="coinbase"],
.markstream-vue[data-theme="coinbase"].dark {
  --ms-background: 0 0% 10.2%;
  --ms-foreground: 220 9.7% 93.9%;
  --ms-muted: 0 0% 18.2%;
  --ms-muted-foreground: 269 6.3% 64.6%;
  --ms-secondary: 0 0% 15.2%;
  --ms-secondary-foreground: 220 9.7% 83.9%;
  --ms-accent: 346.1 10% 14.2%;
  --ms-accent-foreground: 220 9.7% 88.9%;
  --ms-primary: 220.7 100% 50%;
  --ms-primary-foreground: 0 0% 100%;
  --ms-destructive: 0 62.8% 30.6%;
  --ms-destructive-foreground: 0 0% 100%;
  --ms-border: 343.2 1.2% 41.2%;
  --ms-ring: 220 9.7% 93.9%;
  --ms-popover: 0 0% 10.2%;
  --ms-popover-foreground: 220 9.7% 93.9%;
  --ms-link: 225.7 100% 67%;
}