  [data-tt-landing] {
    --tt-color-white: #FFFFFF;
    --tt-color-grey: #B7B4B4;
    --tt-color-text-grey: #BDBDBD;
    --tt-color-black: #000000;
    --tt-color-charcoal: #1E1E1E;
    --tt-color-purple: #592E83;
    --tt-color-purple-mid: #9984D4;
    --tt-color-purple-light: #CAA8F5;
    --tt-color-blue: #174E86;
    --tt-color-blue-mid: #2D92D1;
    --tt-color-blue-light: #74C9E8;
    --tt-color-red: #C9184A;
    --tt-color-red-bright: #F6121C;
    --tt-color-red-light: #FF4D6D;
    --tt-color-orange: #F29E4C;
    --tt-color-gold: #F1C453;
    --tt-color-teal: #0DB39E;
    --tt-color-teal-mid: #49C6B6;
    --tt-color-teal-light: #5ACBBD;
    --tt-color-bg: var(--tt-color-white);
    --tt-color-bg-alt: color-mix(in srgb, var(--tt-color-purple-light) 14%, var(--tt-color-white));
    --tt-color-surface: var(--tt-color-white);
    --tt-color-surface-tint: color-mix(in srgb, var(--tt-color-purple-light) 10%, var(--tt-color-white));
    --tt-color-text: var(--tt-color-charcoal);
    --tt-color-muted: color-mix(in srgb, var(--tt-color-charcoal) 68%, var(--tt-color-white));
    --tt-color-heading: var(--tt-color-purple);
    --tt-color-border: color-mix(in srgb, var(--tt-color-purple-light) 54%, var(--tt-color-white));
    --tt-color-action: var(--tt-color-teal);
    --tt-color-action-hover: var(--tt-color-teal-light);
    --tt-color-action-text: var(--tt-color-charcoal);
    --tt-color-link: var(--tt-color-purple);
    --tt-color-focus: var(--tt-color-gold);
    --tt-font-body: Roboto, Arial, sans-serif;
    --tt-font-heading: "Roboto Slab", Georgia, serif;
    --tt-font-accent: "Hammersmith One", Roboto, Arial, sans-serif;
    --tt-step--1: 14px;
    --tt-step-0: 16px;
    --tt-step-1: 18px;
    --tt-step-2: 22px;
    --tt-step-3: 28px;
    --tt-step-4: 36px;
    --tt-step-5: 48px;
    --tt-space-1: 4px;
    --tt-space-2: 8px;
    --tt-space-3: 12px;
    --tt-space-4: 16px;
    --tt-space-5: 24px;
    --tt-space-6: 32px;
    --tt-space-7: 48px;
    --tt-space-8: 64px;
    --tt-radius-1: 6px;
    --tt-radius-2: 10px;
    --tt-radius-3: 16px;
    --tt-radius-pill: 999px;
    --tt-shadow-1: 0 4px 16px color-mix(in srgb, var(--tt-color-purple) 12%, transparent);
    --tt-shadow-2: 0 16px 40px color-mix(in srgb, var(--tt-color-purple) 16%, transparent);
    --tt-size-target: 44px;
    --tt-container: 1120px;
    --tt-container-narrow: 896px;
    --tt-booking-panel-width: 592px;
    --tt-widget-width: 528px;
  }
