:root {
  --wa-color-brand-05: #fcfaff;
  --wa-color-brand-10: #f5f0ff;
  --wa-color-brand-20: #eadfff;
  --wa-color-brand-30: #d7c0ff;
  --wa-color-brand-40: #b58cff;
  --wa-color-brand-50: #9a62ff;
  --wa-color-brand-60: #7c3aed;
  --wa-color-brand-70: #6528c8;
  --wa-color-brand-80: #4f1da2;
  --wa-color-brand-90: #37116f;
  --wa-color-brand-95: #250946;
  --wa-color-brand-100: #160329;
  --wa-color-brand: var(--wa-color-brand-60);
  --wa-color-brand-fill-quiet: #f4edff;
  --wa-color-brand-border-loud: #7c3aed;
  --wa-color-surface-default: #fefcff;
  --wa-color-surface-lowered: #f6f0ff;
  --wa-color-surface-raised: #ffffff;
  --wa-color-surface-border: #e6ddf1;
  --wa-color-text-normal: #2d2737;
  --wa-color-text-quiet: #665f75;
  --wa-color-text-link: #7c3aed;
  --wa-color-shadow: rgba(71, 50, 103, 0.12);
}

.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: #f4edff;
  color: #6b36c9;
}

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