:root {
  /* From emali2-frontend/packages/design-system/src/brand.ts */
  --emali2-primary: #FF2A00;
  --emali2-primary-dark: #FF2A00;
  --emali2-bg-paper: #FFF4F1;
  --emali2-text: #1F2937;
  --emali2-muted: #6B7280;
}

/* Material for MkDocs uses CSS variables for palette in newer versions. */
[data-md-color-primary="custom"] {
  --md-primary-fg-color: var(--emali2-primary);
  --md-primary-fg-color--dark: var(--emali2-primary-dark);
}

[data-md-color-accent="custom"] {
  --md-accent-fg-color: var(--emali2-primary);
}

.md-header {
  background: #FF2A00;
}

.md-typeset h1, .md-typeset h2, .md-typeset h3 {
  color: var(--emali2-text);
}

.md-typeset img {
  display: block;
  width: 100%;
  max-width: 1120px;
  margin: 1.5rem auto 2rem;
  border-radius: 24px;
  border: 1px solid rgba(255, 42, 0, 0.12);
  box-shadow: 0 24px 56px rgba(31, 41, 55, 0.12);
  background: #ffffff;
}