body,
:root {
  --color-primary-tint: rgba(0, 0, 0, 0.1);
  --color-canvas-100: #f2f1ed;
  --color-canvas-200: rgba(0, 0, 0, 0.07);
  --color-canvas-300: rgba(0, 0, 0, 0.12);
  --color-text-heading: #182a33;
  --color-primary: #f15a29;
}
:root .sl-inverted {
  --color-canvas-100: #182a33;
  --color-canvas-200: #0d171c;
  --color-primary: #f15a29;
}