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

/* ── Shared ── */
.markstream-vue[data-theme="supabase"] {
  --ms-font-sans: Circular, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --ms-font-mono: "Source Code Pro", "Office Code Pro", Menlo, monospace;
  --ms-radius: 1rem;
}

/* ── Light ── */
.markstream-vue[data-theme="supabase"] {
  --ms-background: 0 0% 97.6%;
  --ms-foreground: 0 0% 11%;
  --ms-muted: 0 0% 93.6%;
  --ms-muted-foreground: 0 0% 41.3%;
  --ms-secondary: 0 0% 94.6%;
  --ms-secondary-foreground: 0 0% 21%;
  --ms-accent: 9.2 3.6% 94%;
  --ms-accent-foreground: 0 0% 16%;
  --ms-primary: 153.1 60.4% 37.6%;
  --ms-primary-foreground: 0 0% 0%;
  --ms-destructive: 0 84.2% 60.2%;
  --ms-destructive-foreground: 0 0% 0%;
  --ms-border: 0 0% 55.9%;
  --ms-ring: 0 0% 11%;
  --ms-popover: 0 0% 97.6%;
  --ms-popover-foreground: 0 0% 11%;
  --ms-link: 207 100% 38%;
}

/* ── Dark ── */
.dark .markstream-vue[data-theme="supabase"],
.markstream-vue[data-theme="supabase"].dark {
  --ms-background: 0 0% 9%;
  --ms-foreground: 0 0% 98%;
  --ms-muted: 0 0% 17%;
  --ms-muted-foreground: 0 0% 70.6%;
  --ms-secondary: 0 0% 5.9%;
  --ms-secondary-foreground: 0 0% 88%;
  --ms-accent: 15.3 6% 13.4%;
  --ms-accent-foreground: 0 0% 93%;
  --ms-primary: 153.1 60.2% 52.7%;
  --ms-primary-foreground: 0 0% 0%;
  --ms-destructive: 0 62.8% 30.6%;
  --ms-destructive-foreground: 0 0% 100%;
  --ms-border: 0 0% 18%;
  --ms-ring: 0 0% 98%;
  --ms-popover: 0 0% 9%;
  --ms-popover-foreground: 0 0% 98%;
  --ms-link: 222 100% 67%;
}