/* Shared visual values for the offer landing page and its booking flow. */
:is(.offer-page, .booking-page, .homepage-page) {
  --offer-background: #111626;
  --offer-action: #ffda32;
  --offer-selection-background: #ffda3218;
  --offer-text-selection-background: #ffda32cc;
  --offer-selection-color: #111626;
  --offer-muted: #c6cbda;
  --offer-display-size: 48px;
  --offer-lead-size: 20px;
  --offer-body-size: 18px;
  --offer-action-size: 20px;
  --offer-field-size: 16px;
  --cta-background: var(--offer-action);
  --cta-background-hover: #ffe76b;
  --cta-color: #10141f;
  --cta-radius: 8px;
  --cta-font-size: var(--offer-action-size);
  --cta-font-weight: 800;
  --cta-line-height: 1.25;
  --cta-min-height: 56px;
  --cta-padding: 15px 20px;
  --cta-glow: 0 0 28px #ffda3240, 0 4px 16px #ffda3226;
  --cta-glow-hover: 0 0 34px #ffda3252, 0 4px 20px #ffda3233;
}
@media (min-width: 701px) and (max-width: 1024px) {
  :is(.offer-page, .booking-page, .homepage-page) { --offer-display-size: 40px; }
}
@media (max-width: 700px) {
  :is(.offer-page, .booking-page, .homepage-page) {
    --offer-display-size: 28px;
    --offer-lead-size: 18px;
    --offer-body-size: 16px;
    --offer-action-size: 16px;
    --cta-padding: 13px 14px;
  }
}