body {
  /* Colors */
  --primary-color: rgba(176, 53, 116, 1);
  --secondary-color: rgba(225, 62, 150, 1);
  --primary-bg-color: rgba(252, 252, 252, 1);
  --primary-bg-color-always: rgba(252, 252, 252, 1);
  --secondary-bg-color: rgba(221, 218, 219, 1);
  --secondary-bg-color-always: rgba(221, 218, 219, 1);
  --primary-text-color: rgba(44, 44, 44, 1);
  --secondary-text-color: rgba(136, 136, 136, 1);
  --link-color: rgba(225, 62, 150, 1);
  --border-color: rgba(221, 218, 219, 1);
  --info-color: rgba(176, 53, 116, 1);
  --success-color: #67C30B;
  --warning-color: #F1D52F;
  --danger-color: #e64545;
  /* Text */
  --text-font-family: 'Open Sans', sans-serif;
  --heading-font-family: 'Roboto', sans-serif;
  --text-font-size: 16px;
  --text-font-size-large: calc(16px + 2px);
  --heading-1-font-size: 42px;
  --heading-2-font-size: 24px;
  --heading-3-font-size: 18px;
  --heading-4-font-size: 14px;
  --heading-5-font-size: 16px;
  --heading-6-font-size: calc(16px - 2px);
  /* Other */
  --border-radius-base: 10px;
  --border-radius-small: calc(10px / 2);
  --border-radius-button: 50px;
  --logo-height: 100px;
  /* Assets */
  --assets-check-svg: url(/hc/theming_assets/01HZPXPDY5CJ6G32SPNZKP35CK);
  --assets-circle-svg: url(/hc/theming_assets/01HZPXPDTDZM1D42SHDZVY95EZ); }

.ui-light {
  /* UI light colors */
  --primary-color-light-hover: #982e64;
  --primary-color-hover: #812755;
  --primary-color-active: #75234d;
  --secondary-color-hover: #c31e77;
  --secondary-color-active: #b61c6f;
  --secondary-bg-color-hover: #d3cfd1;
  --secondary-bg-color-active: #cecacb;
  --secondary-text-color-hover: #7e7e7e;
  --secondary-text-color-active: #797979;
  --link-color-hover: #c31e77;
  --link-color-active: #b61c6f; }

.ui-dark {
  /* UI dark colors */
  --primary-color-light-hover: #bc397c;
  --primary-color-hover: #c53f83;
  --primary-color-active: #c94a8b;
  --secondary-color-hover: #e558a4;
  --secondary-color-active: #e766ac;
  --secondary-bg-color-hover: #eceaeb;
  --secondary-bg-color-active: #f3f2f2;
  --link-color-hover: #eb80ba;
  --link-color-active: #ed8dc1; }

.layout--style-filled .section:nth-child(even),
.layout--style-invert .section:nth-child(odd),
.section--secondary {
  /* Invert colors */
  --primary-bg-color: rgba(221, 218, 219, 1);
  --secondary-bg-color: rgba(252, 252, 252, 1); }