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

/* ── Shared ── */
.markstream-vue[data-theme="mongodb"] {
  --ms-font-sans: "Euclid Circular A", system-ui, sans-serif;
  --ms-font-mono: "Source Code Pro", ui-monospace, SFMono-Regular, monospace;
  --ms-font-serif: "MongoDB Value Serif", Georgia, serif;
  --ms-radius: 1rem;
}

/* ── Light ── */
.markstream-vue[data-theme="mongodb"] {
  --ms-background: 205.7 63.6% 97.8%;
  --ms-foreground: 0 0% 12.2%;
  --ms-muted: 205.7 63.6% 93.8%;
  --ms-muted-foreground: 306 22.3% 42.2%;
  --ms-secondary: 205.7 63.6% 94.8%;
  --ms-secondary-foreground: 0 0% 22.2%;
  --ms-accent: 202.1 65.8% 93.8%;
  --ms-accent-foreground: 0 0% 17.2%;
  --ms-primary: 145.3 100% 31.6%;
  --ms-primary-foreground: 0 0% 0%;
  --ms-destructive: 0 84.2% 60.2%;
  --ms-destructive-foreground: 0 0% 0%;
  --ms-border: 221.1 57.2% 63.2%;
  --ms-ring: 0 0% 12.2%;
  --ms-popover: 205.7 63.6% 97.8%;
  --ms-popover-foreground: 0 0% 12.2%;
  --ms-link: 207 100% 38%;
}

/* ── Dark ── */
.dark .markstream-vue[data-theme="mongodb"],
.markstream-vue[data-theme="mongodb"].dark {
  --ms-background: 198.1 100% 8.4%;
  --ms-foreground: 0 0% 100%;
  --ms-muted: 198.1 100% 16.4%;
  --ms-muted-foreground: 201.6 12% 41%;
  --ms-secondary: 203.6 33.3% 16.5%;
  --ms-secondary-foreground: 0 0% 90%;
  --ms-accent: 192.8 100% 12.2%;
  --ms-accent-foreground: 0 0% 95%;
  --ms-primary: 145.3 100% 46.5%;
  --ms-primary-foreground: 0 0% 0%;
  --ms-destructive: 0 62.8% 30.6%;
  --ms-destructive-foreground: 0 0% 100%;
  --ms-border: 200 18.1% 29.2%;
  --ms-ring: 0 0% 100%;
  --ms-popover: 198.1 100% 8.4%;
  --ms-popover-foreground: 0 0% 100%;
  --ms-info: 214.1 100% 49%;
  --ms-info-foreground: 0 0% 100%;
  --ms-link: 222 100% 68%;
}