:root {
  --think-brand: #ff73ab;
  --think-brand-hover: #f2629c;
  --think-brand-text: #c9326b;
  --think-brand-heading: #62122e;
  --think-on-brand: #1b0a12;
  --think-warm: #ffc629;
  --think-background: #fffcfc;
  --think-surface: #ffffff;
  --think-text: #1c1815;
  --think-muted: #5a4f47;
  --think-line: rgba(28, 24, 21, 0.12);
}

body {
  background: var(--think-background) !important;
  color: var(--think-text) !important;
}

body::before {
  display: none !important;
}

.site-main,
.site-main > .inner {
  background: var(--think-background) !important;
}

.text-component.style-4 {
  color: var(--think-brand-text) !important;
}

.text-component.style-3 {
  color: var(--think-brand-heading) !important;
}

.text-component.style-2 {
  color: var(--think-muted) !important;
}

.text-component.style-1 {
  color: var(--think-text) !important;
}

.buttons-component.style-1 > li > a,
.icons-component.style-1 > li > a {
  background-color: var(--think-brand) !important;
  color: var(--think-on-brand) !important;
}

.buttons-component.style-1 > li > a:hover,
.icons-component.style-1 > li > a:hover {
  background-color: var(--think-brand-hover) !important;
}

.buttons-component.style-1 > li > a > svg,
.icons-component.style-1 > li > a > svg {
  fill: var(--think-on-brand) !important;
}

.divider-component.style-1::before,
.divider-component.style-2::before {
  background-color: var(--think-line) !important;
}

.image-component.style-1 > .frame,
.image-component.style-2 > .frame,
.image-component.instance-5 > .frame {
  box-shadow: 0 20px 60px rgba(28, 24, 21, 0.10);
}