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

/* ── Shared ── */
.markstream-vue[data-theme="stripe"] {
  --ms-font-sans: "sohne-var", "SF Pro Display", system-ui, sans-serif;
  --ms-font-mono: "Source Code Pro", SFMono-Regular, Menlo, monospace;
  --ms-radius: 0.375rem;
}

/* ── Light ── */
.markstream-vue[data-theme="stripe"] {
  --ms-background: 0 0% 100%;
  --ms-foreground: 210.7 78.2% 10.8%;
  --ms-muted: 0 0% 96%;
  --ms-muted-foreground: 216.6 17% 47.3%;
  --ms-secondary: 0 0% 97%;
  --ms-secondary-foreground: 210.7 78.2% 20.8%;
  --ms-accent: 353.3 5.9% 97.7%;
  --ms-accent-foreground: 210.7 78.2% 15.8%;
  --ms-primary: 247.7 98% 61%;
  --ms-primary-foreground: 0 0% 100%;
  --ms-destructive: 0 84.2% 60.2%;
  --ms-destructive-foreground: 0 0% 0%;
  --ms-border: 210 44.4% 92.9%;
  --ms-ring: 210.7 78.2% 10.8%;
  --ms-popover: 0 0% 100%;
  --ms-popover-foreground: 210.7 78.2% 10.8%;
  --ms-success: 142 80.1% 41.4%;
  --ms-success-foreground: 0 0% 0%;
  --ms-warning: 33.2 58.2% 38.4%;
  --ms-warning-foreground: 0 0% 100%;
  --ms-link: 247.7 43% 54%;
}

/* ── Dark ── */
.dark .markstream-vue[data-theme="stripe"],
.markstream-vue[data-theme="stripe"].dark {
  --ms-background: 0 0% 10.2%;
  --ms-foreground: 212.7 57.9% 96.3%;
  --ms-muted: 0 0% 18.2%;
  --ms-muted-foreground: 264.3 37.6% 66.2%;
  --ms-secondary: 0 0% 15.2%;
  --ms-secondary-foreground: 212.7 57.9% 86.3%;
  --ms-accent: 348.8 9.8% 16.8%;
  --ms-accent-foreground: 212.7 57.9% 91.3%;
  --ms-primary: 247.5 98.4% 76.1%;
  --ms-primary-foreground: 0 0% 0%;
  --ms-destructive: 0 62.8% 30.6%;
  --ms-destructive-foreground: 0 0% 100%;
  --ms-border: 342.3 6.9% 41.5%;
  --ms-ring: 212.7 57.9% 96.3%;
  --ms-popover: 0 0% 10.2%;
  --ms-popover-foreground: 212.7 57.9% 96.3%;
  --ms-link: 247.5 73.4% 68%;
}