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

/* ── Shared ── */
.markstream-vue[data-theme="webflow"] {
  --ms-font-sans: "WF Visual Sans Variable", Arial, sans-serif;
  --ms-radius: 0.5rem;
}

/* ── Light ── */
.markstream-vue[data-theme="webflow"] {
  --ms-background: 0 0% 100%;
  --ms-foreground: 0 0% 3.1%;
  --ms-muted: 0 0% 96%;
  --ms-muted-foreground: 0 0% 35.3%;
  --ms-secondary: 0 0% 97%;
  --ms-secondary-foreground: 0 0% 13.1%;
  --ms-accent: 351.4 5.5% 97.1%;
  --ms-accent-foreground: 0 0% 8.1%;
  --ms-primary: 216 91.8% 52%;
  --ms-primary-foreground: 0 0% 100%;
  --ms-destructive: 352.8 86% 52.4%;
  --ms-destructive-foreground: 0 0% 0%;
  --ms-border: 0 0% 84.7%;
  --ms-ring: 0 0% 3.1%;
  --ms-popover: 0 0% 100%;
  --ms-popover-foreground: 0 0% 3.1%;
  --ms-success: 129.5 100% 42.2%;
  --ms-success-foreground: 0 0% 0%;
  --ms-warning: 39.4 100% 53.7%;
  --ms-warning-foreground: 0 0% 0%;
  --ms-link: 211 91.8% 38%;
}

/* ── Dark ── */
.dark .markstream-vue[data-theme="webflow"],
.markstream-vue[data-theme="webflow"].dark {
  --ms-background: 0 0% 10.2%;
  --ms-foreground: 0 0% 93.3%;
  --ms-muted: 0 0% 18.2%;
  --ms-muted-foreground: 0 0% 64.2%;
  --ms-secondary: 0 0% 15.2%;
  --ms-secondary-foreground: 0 0% 83.3%;
  --ms-accent: 345.6 9.2% 14.4%;
  --ms-accent-foreground: 0 0% 88.3%;
  --ms-primary: 216 91.8% 52%;
  --ms-primary-foreground: 0 0% 100%;
  --ms-destructive: 0 62.8% 30.6%;
  --ms-destructive-foreground: 0 0% 100%;
  --ms-border: 0 0% 40.2%;
  --ms-ring: 0 0% 93.3%;
  --ms-popover: 0 0% 10.2%;
  --ms-popover-foreground: 0 0% 93.3%;
  --ms-link: 226 91.8% 67%;
}