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

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

/* ── Light ── */
.markstream-vue[data-theme="kraken"] {
  --ms-background: 0 0% 100%;
  --ms-foreground: 225 11.1% 7.1%;
  --ms-muted: 0 0% 96%;
  --ms-muted-foreground: 231.4 10.9% 62.2%;
  --ms-secondary: 0 0% 97%;
  --ms-secondary-foreground: 225 11.1% 17.1%;
  --ms-accent: 354 5.4% 97.5%;
  --ms-accent-foreground: 225 11.1% 12.1%;
  --ms-primary: 259.4 90.7% 57.8%;
  --ms-primary-foreground: 0 0% 100%;
  --ms-destructive: 0 84.2% 60.2%;
  --ms-destructive-foreground: 0 0% 0%;
  --ms-border: 240 11.9% 88.4%;
  --ms-ring: 225 11.1% 7.1%;
  --ms-popover: 0 0% 100%;
  --ms-popover-foreground: 225 11.1% 7.1%;
  --ms-success: 153.5 77.5% 34.9%;
  --ms-success-foreground: 0 0% 0%;
  --ms-link: 274.4 90.7% 49%;
}

/* ── Dark ── */
.dark .markstream-vue[data-theme="kraken"],
.markstream-vue[data-theme="kraken"].dark {
  --ms-background: 0 0% 10.2%;
  --ms-foreground: 240 7.7% 94.9%;
  --ms-muted: 0 0% 18.2%;
  --ms-muted-foreground: 282 5% 65.3%;
  --ms-secondary: 0 0% 15.2%;
  --ms-secondary-foreground: 240 7.7% 84.9%;
  --ms-accent: 349.9 9.1% 16.5%;
  --ms-accent-foreground: 240 7.7% 89.9%;
  --ms-primary: 259 91.3% 72.9%;
  --ms-primary-foreground: 0 0% 0%;
  --ms-destructive: 0 62.8% 30.6%;
  --ms-destructive-foreground: 0 0% 100%;
  --ms-border: 345.6 0.9% 40.4%;
  --ms-ring: 240 7.7% 94.9%;
  --ms-popover: 0 0% 10.2%;
  --ms-popover-foreground: 240 7.7% 94.9%;
  --ms-link: 259 86.3% 68%;
}