:root {
  --wa-color-brand-05: #faf7ff;
  --wa-color-brand-10: #f2ecfb;
  --wa-color-brand-20: #e4d9f6;
  --wa-color-brand-30: #cfbcea;
  --wa-color-brand-40: #b08ad9;
  --wa-color-brand-50: #9465c6;
  --wa-color-brand-60: #7b4fb0;
  --wa-color-brand-70: #633d92;
  --wa-color-brand-80: #4c2d73;
  --wa-color-brand-90: #341d53;
  --wa-color-brand-95: #231239;
  --wa-color-brand-100: #140a21;
  --wa-color-brand: var(--wa-color-brand-60);
  --wa-color-brand-fill-quiet: #f4eefc;
  --wa-color-brand-border-loud: #7b4fb0;
  --wa-color-surface-default: #fcfbfe;
  --wa-color-surface-lowered: #f4eefc;
  --wa-color-surface-raised: #fffdff;
  --wa-color-surface-border: #e7def2;
  --wa-color-text-normal: #241b2f;
  --wa-color-text-quiet: #62556f;
  --wa-color-text-link: #7b4fb0;
  --wa-color-shadow: rgba(63, 37, 93, 0.13);
}

.content-prose :where(table) {
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid var(--wa-color-surface-border);
  border-radius: 1.5rem;
  background: var(--wa-color-surface-raised);
}

.content-prose table thead {
  background: #f2eafc;
  color: #4f3673;
}

.content-prose table thead th {
  color: #4f3673 !important;
  font-weight: 700;
}