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

/* ── Shared ── */
.markstream-vue[data-theme="framer"] {
  --ms-font-sans: "GT Walsheim Framer Medium", system-ui, sans-serif;
  --ms-font-mono: "Azeret Mono", ui-monospace, monospace;
}

/* ── Light ── */
.markstream-vue[data-theme="framer"] {
  --ms-background: 0 0% 96.1%;
  --ms-foreground: 0 0% 12.2%;
  --ms-muted: 0 0% 92.1%;
  --ms-muted-foreground: 0 0% 41.6%;
  --ms-secondary: 0 0% 93.1%;
  --ms-secondary-foreground: 0 0% 22.2%;
  --ms-accent: 350.6 6% 92.4%;
  --ms-accent-foreground: 0 0% 17.2%;
  --ms-primary: 204.1 100% 35.1%;
  --ms-primary-foreground: 0 0% 100%;
  --ms-destructive: 0 84.2% 60.2%;
  --ms-destructive-foreground: 0 0% 0%;
  --ms-border: 0 0% 54.7%;
  --ms-ring: 0 0% 12.2%;
  --ms-popover: 0 0% 96.1%;
  --ms-popover-foreground: 0 0% 12.2%;
  --ms-link: 204.1 100% 38%;
}

/* ── Dark ── */
.dark .markstream-vue[data-theme="framer"],
.markstream-vue[data-theme="framer"].dark {
  --ms-background: 0 0% 0%;
  --ms-foreground: 0 0% 100%;
  --ms-muted: 0 0% 8%;
  --ms-muted-foreground: 0 0% 65.1%;
  --ms-secondary: 0 0% 5%;
  --ms-secondary-foreground: 0 0% 90%;
  --ms-accent: 344.4 10% 5%;
  --ms-accent-foreground: 0 0% 95%;
  --ms-primary: 204 100% 50%;
  --ms-primary-foreground: 0 0% 0%;
  --ms-destructive: 0 62.8% 30.6%;
  --ms-destructive-foreground: 0 0% 100%;
  --ms-border: 0 0% 36%;
  --ms-ring: 0 0% 100%;
  --ms-popover: 0 0% 0%;
  --ms-popover-foreground: 0 0% 100%;
  --ms-info: 204 100% 50%;
  --ms-info-foreground: 0 0% 0%;
  --ms-link: 219 100% 67%;
}