:root {
  --stemn-purple: #30245e;
  --stemn-violet: #765cc7;
  --stemn-lime: #d8ff68;
  --stemn-coral: #ff8b78;
  --stemn-sky: #b8d8ff;
  --stemn-paper: #f5f1ff;
  --stemn-white: #fdfcff;
  --stemn-muted: #675c7f;
  --stemn-rule: #d9d1ec;
}

body {
  color: var(--stemn-purple);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.stemn-display {
  font-family: Arial Rounded MT Bold, Avenir Next, Inter, ui-sans-serif, system-ui, sans-serif;
}

.content-prose h2,
.content-prose h3 {
  color: var(--stemn-purple);
  font-family: Arial Rounded MT Bold, Avenir Next, Inter, ui-sans-serif, system-ui, sans-serif;
  letter-spacing: -0.025em;
}

.content-prose a {
  color: var(--stemn-violet);
  font-weight: 750;
  text-decoration-color: var(--stemn-coral);
  text-decoration-thickness: 3px;
  text-underline-offset: 3px;
}

.content-prose blockquote {
  border-left-color: var(--stemn-lime);
  color: var(--stemn-muted);
}

.content-prose table {
  background: var(--stemn-white);
}

summary:focus-visible,
a:focus-visible {
  outline: 3px solid var(--stemn-coral);
  outline-offset: 4px;
}