:root {
  --wa-color-brand-90: #f3e6d8;
  --wa-color-brand-05: #fff7f0;
  --wa-color-brand-fill-quiet: #ffe8d8;
  --wa-color-brand-20: #8b3f12;
  --wa-color-brand-40: #d46020;
  --wa-color-brand-70: #8f4b25;
  --wa-color-brand: #d46020;
  --wa-color-brand-95: #27140c;
  --wa-color-surface-default: #fffdf9;
  --wa-color-surface-raised: #ffffff;
  --wa-color-surface-lowered: #f7efe6;
  --wa-color-surface-border: #eadac8;
  --wa-color-text-normal: #2d1c14;
  --wa-color-text-quiet: #6f5a4d;
  --wa-color-text-link: #b74f18;
  --wa-color-shadow: rgba(48, 27, 18, 0.12);
  --wa-color-success-95: #1f4f4c;
}

body {
  background:
    radial-gradient(circle at top right, rgba(212, 96, 32, 0.08), transparent 28rem),
    radial-gradient(circle at bottom left, rgba(31, 79, 76, 0.06), transparent 24rem),
    var(--wa-color-surface-default);
}

.content-prose a {
  color: var(--wa-color-text-link);
  text-decoration: underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.16em;
}

.content-prose h2,
.content-prose h3,
.content-prose strong {
  color: var(--wa-color-brand-95);
}

footer {
  background: #1d4b48;
  border-color: #2b6863;
  color: #fff7f0;
}

footer h3 {
  color: #fffdf9 !important;
}

footer p,
footer ul,
footer li,
footer .text-\[var\(--wa-color-brand-90\)\],
footer .text-\[var\(--wa-color-brand-95\)\] {
  color: #e8ddd2 !important;
}

footer a {
  color: #fff7f0;
}

footer a:hover {
  color: #ffd7bf;
}