:root {
  --brand: #7a4f2c;
  --brand-dark: #4b2d19;
  --cream: #fffaf2;
  --line: #eadfce;
}

body {
  background: var(--cream);
  color: #2c241d;
}

.navbar {
  background: var(--brand-dark);
}

.btn-primary {
  --bs-btn-bg: var(--brand);
  --bs-btn-border-color: var(--brand);
  --bs-btn-hover-bg: var(--brand-dark);
  --bs-btn-hover-border-color: var(--brand-dark);
}

.card,
.form-control,
.form-select {
  border-color: var(--line);
}

.media-thumb {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  background: #f1e7d8;
}

.content-pre {
  white-space: pre-wrap;
  font-family: inherit;
}