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

/* ── Shared ── */
.markstream-vue[data-theme="notion"] {
  --ms-font-sans: "NotionInter", Inter, -apple-system, system-ui, sans-serif;
  --ms-font-serif: "Lyon-Text", Georgia, "Noto Serif", serif;
  --ms-radius: 0.75rem;
}

/* ── Light ── */
.markstream-vue[data-theme="notion"] {
  --ms-background: 0 0% 100%;
  --ms-foreground: 0 0% 9.8%;
  --ms-muted: 0 0% 96%;
  --ms-muted-foreground: 30 4.3% 36.5%;
  --ms-secondary: 30 10% 96.1%;
  --ms-secondary-foreground: 0 0% 19.8%;
  --ms-accent: 350.9 6% 96.6%;
  --ms-accent-foreground: 0 0% 14.8%;
  --ms-primary: 208.4 100% 43.5%;
  --ms-primary-foreground: 0 0% 100%;
  --ms-destructive: 0 84.2% 60.2%;
  --ms-destructive-foreground: 0 0% 0%;
  --ms-border: 0 0% 58%;
  --ms-ring: 0 0% 9.8%;
  --ms-popover: 0 0% 100%;
  --ms-popover-foreground: 0 0% 9.8%;
  --ms-info: 208.4 100% 43.5%;
  --ms-info-foreground: 0 0% 0%;
  --ms-success: 177.9 57.8% 39%;
  --ms-success-foreground: 0 0% 0%;
  --ms-warning: 24.7 100% 43.3%;
  --ms-warning-foreground: 0 0% 0%;
  --ms-link: 208.4 100% 38%;
}

/* ── Dark ── */
.dark .markstream-vue[data-theme="notion"],
.markstream-vue[data-theme="notion"].dark {
  --ms-background: 0 0% 10.2%;
  --ms-foreground: 0 0% 96.1%;
  --ms-muted: 0 0% 18.2%;
  --ms-muted-foreground: 0 0% 66%;
  --ms-secondary: 0 0% 15.2%;
  --ms-secondary-foreground: 0 0% 86.1%;
  --ms-accent: 344.8 10% 13.5%;
  --ms-accent-foreground: 0 0% 91.1%;
  --ms-primary: 208.4 100% 43.5%;
  --ms-primary-foreground: 0 0% 0%;
  --ms-destructive: 0 62.8% 30.6%;
  --ms-destructive-foreground: 0 0% 100%;
  --ms-border: 0 0% 40.5%;
  --ms-ring: 0 0% 96.1%;
  --ms-popover: 0 0% 10.2%;
  --ms-popover-foreground: 0 0% 96.1%;
  --ms-link: 223.4 100% 67%;
}