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

/* ── Shared ── */
.markstream-vue[data-theme="clay"] {
  --ms-font-sans: Roobert, Arial, sans-serif;
  --ms-font-mono: "Space Mono", ui-monospace, monospace;
}

/* ── Light ── */
.markstream-vue[data-theme="clay"] {
  --ms-background: 40 23.1% 97.5%;
  --ms-foreground: 0 0% 0%;
  --ms-muted: 40 23.1% 93.5%;
  --ms-muted-foreground: 40 5.9% 60%;
  --ms-secondary: 40 23.1% 94.5%;
  --ms-secondary-foreground: 0 0% 10%;
  --ms-accent: 46.9 27.1% 93.4%;
  --ms-accent-foreground: 0 0% 5%;
  --ms-primary: 154.4 90.3% 28.4%;
  --ms-primary-foreground: 0 0% 100%;
  --ms-destructive: 0 84.2% 60.2%;
  --ms-destructive-foreground: 0 0% 0%;
  --ms-border: 40 19.6% 82%;
  --ms-ring: 0 0% 0%;
  --ms-popover: 40 23.1% 97.5%;
  --ms-popover-foreground: 0 0% 0%;
  --ms-info: 193 98% 61.2%;
  --ms-info-foreground: 0 0% 0%;
  --ms-success: 154.4 90.3% 28.4%;
  --ms-success-foreground: 0 0% 0%;
  --ms-warning: 40 95.9% 62%;
  --ms-warning-foreground: 0 0% 0%;
  --ms-link: 212 100% 38%;
}

/* ── Dark ── */
.dark .markstream-vue[data-theme="clay"],
.markstream-vue[data-theme="clay"].dark {
  --ms-background: 37.5 18.2% 8.6%;
  --ms-foreground: 0 0% 92.2%;
  --ms-muted: 37.5 18.2% 16.6%;
  --ms-muted-foreground: 13.1 6.4% 62.9%;
  --ms-secondary: 37.5 18.2% 13.6%;
  --ms-secondary-foreground: 0 0% 82.2%;
  --ms-accent: 49.2 25.4% 13.3%;
  --ms-accent-foreground: 0 0% 87.2%;
  --ms-primary: 154.2 90.4% 55.1%;
  --ms-primary-foreground: 0 0% 0%;
  --ms-destructive: 0 62.8% 30.6%;
  --ms-destructive-foreground: 0 0% 100%;
  --ms-border: 33 16% 38.6%;
  --ms-ring: 0 0% 92.2%;
  --ms-popover: 37.5 18.2% 8.6%;
  --ms-popover-foreground: 0 0% 92.2%;
  --ms-link: 227 100% 67%;
}