body {
  font-family: var(--font-family-sans);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  color: var(--color-text);
  background: radial-gradient(circle at top left, #ffffff 0, var(--color-bg) 48%, #e5e7eb 100%);
}

.h1,
.h2,
.h3,
.h4 {
  font-weight: 600;
  letter-spacing: -0.02em;
}

.h1 {
  font-size: 2rem;
}

.h2 {
  font-size: 1.5rem;
}

.h3 {
  font-size: 1.25rem;
}

.h4 {
  font-size: 1.1rem;
}

.small {
  font-size: var(--font-size-sm);
}

.text-muted {
  color: var(--color-text-muted);
}

strong {
  font-weight: 600;
}

.code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.85em;
}