/* Font families only. The approved colours, icons, controls and motion are unchanged. */
:root {
  --wr-brand-display: 'Jost', 'Futura', system-ui, sans-serif;
  --wr-brand-body: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

body.wr-live,
body.wr-thanks {
  --font: var(--wr-brand-body);
  --display: var(--wr-brand-display);
  --body: var(--wr-brand-body);
  font-family: var(--wr-brand-body) !important;
}

.wr-live .concept-01,
.wr-live .wr-content,
.wr-live .wr-site-footer,
.wr-live .wr-lifestyle--architecture {
  font-family: var(--wr-brand-body) !important;
}

.wr-live :is(button, input, textarea, select, .quiz-explanation, .quiz-step, .consent),
.wr-thanks :is(button, input, textarea, select) {
  font-family: var(--wr-brand-body) !important;
}

.wr-live :is(h1, h2, h3, blockquote),
.wr-thanks :is(h1, h2, h3, blockquote),
.wr-live .concept-01 .c01-title-lead,
.wr-live .wr-content .wr-heading,
.wr-live .wr-content .wr-selector-heading,
.wr-live .wr-content .wr-resort-benefits h3,
.wr-live .wr-content .wr-resort-sign {
  font-family: var(--wr-brand-display) !important;
}

.wr-live .concept-01 .c01-title-detail,
.wr-live .concept-01 .c01-gifts,
.wr-live .concept-01 .c01-gift-copy > :is(strong, span),
.wr-live .concept-01 .c01-fact-title,
.wr-live .concept-01 .c01-facts p,
.wr-live .concept-01 .c01-header > p,
.wr-live .concept-01 .c01-phone,
.wr-live .concept-01 .c01-phone small {
  font-family: var(--wr-brand-body) !important;
}

.wr-live .concept-01 .c01-gifts > span {
  font-family: var(--wr-brand-body) !important;
}

.wr-live .concept-01 .c01-price,
.wr-live .concept-01 .c01-rating strong,
.wr-live .wr-house-options button {
  font-family: var(--wr-brand-display) !important;
}

.wr-live .concept-01 .c01-brand > span,
.wr-thanks .c01-brand > span,
.wr-live .wr-site-footer__brand {
  font-family: var(--wr-brand-display) !important;
}

.wr-live .concept-01 .c01-brand small,
.wr-thanks .c01-brand small,
.wr-live .wr-site-footer__brand small {
  font-family: var(--wr-brand-body) !important;
}

.wr-live .concept-01 .c01-button,
.wr-live .wr-content .wr-button,
.wr-live .wr-content .wr-resort-action :is(button, .wr-resort-cta),
.wr-live .quiz-dialog .primary-button,
.wr-thanks .wr-thanks-main .wr-button {
  font-family: var(--wr-brand-body) !important;
}

.wr-live .wr-content :is(.wr-fact p, .wr-lead, .wr-selector-explanation, .wr-resort-benefits p, .wr-resort-action p, .wr-plots-note),
.wr-live .wr-site-footer :is(.wr-site-footer__identity, .wr-site-footer__links a, .wr-site-footer__bottom),
.wr-thanks :is(.c01-header > p, .c01-phone small, .thanks-label, .thanks-demo, .wr-thanks-footer) {
  font-family: var(--wr-brand-body) !important;
}

.wr-live .quiz-dialog .contact-bonus-list {
  font-family: var(--wr-brand-body) !important;
}

.wr-live .wr-image-dialog :is(figcaption, .wr-image-dialog__close) {
  font-family: var(--wr-brand-body) !important;
}