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

/* ── Shared ── */
.markstream-vue[data-theme="miro"] {
  --ms-font-sans: "Roobert PRO Medium", system-ui, sans-serif;
  --ms-radius: 0.75rem;
}

/* ── Light ── */
.markstream-vue[data-theme="miro"] {
  --ms-background: 0 0% 100%;
  --ms-foreground: 240 3.4% 11.4%;
  --ms-muted: 0 0% 96%;
  --ms-muted-foreground: 225.7 11% 37.5%;
  --ms-secondary: 0 0% 97%;
  --ms-secondary-foreground: 240 3.4% 21.4%;
  --ms-accent: 352.2 5.9% 98.1%;
  --ms-accent-foreground: 240 3.4% 16.4%;
  --ms-primary: 230.1 98.8% 67.6%;
  --ms-primary-foreground: 0 0% 100%;
  --ms-destructive: 0 84.2% 60.2%;
  --ms-destructive-foreground: 0 0% 0%;
  --ms-border: 227.1 14.3% 80.8%;
  --ms-ring: 225 14.8% 89.4%;
  --ms-popover: 0 0% 100%;
  --ms-popover-foreground: 240 3.4% 11.4%;
  --ms-success: 158.3 100% 35.3%;
  --ms-success-foreground: 0 0% 0%;
  --ms-link: 215.1 98.8% 45%;
}

/* ── Dark ── */
.dark .markstream-vue[data-theme="miro"],
.markstream-vue[data-theme="miro"].dark {
  --ms-background: 0 0% 10.2%;
  --ms-foreground: 0 0% 96.5%;
  --ms-muted: 0 0% 18.2%;
  --ms-muted-foreground: 0 0% 66.3%;
  --ms-secondary: 0 0% 15.2%;
  --ms-secondary-foreground: 0 0% 86.5%;
  --ms-accent: 347 9.9% 15.9%;
  --ms-accent-foreground: 0 0% 91.5%;
  --ms-primary: 230.1 98.8% 67.6%;
  --ms-primary-foreground: 0 0% 0%;
  --ms-destructive: 0 62.8% 30.6%;
  --ms-destructive-foreground: 0 0% 100%;
  --ms-border: 0 0% 40.6%;
  --ms-ring: 0 0% 96.5%;
  --ms-popover: 0 0% 10.2%;
  --ms-popover-foreground: 0 0% 96.5%;
  --ms-link: 230.1 98.8% 68%;
}