/**
 * Generated from packages/tokens/src/hemly.tokens.json. Do not edit.
 */

:root {
  --hemly-web-breakpoint-sm: 40rem;
  --hemly-web-breakpoint-md: 48rem;
  --hemly-web-breakpoint-lg: 64rem;
  --hemly-web-breakpoint-xl: 80rem;
  --hemly-web-breakpoint-2xl: 96rem;
  --hemly-web-container-3xs: 16rem;
  --hemly-web-container-2xs: 18rem;
  --hemly-web-container-xs: 20rem;
  --hemly-web-container-sm: 24rem;
  --hemly-web-container-md: 28rem;
  --hemly-web-container-lg: 32rem;
  --hemly-web-container-xl: 36rem;
  --hemly-web-container-2xl: 42rem;
  --hemly-web-container-3xl: 48rem;
  --hemly-web-container-4xl: 56rem;
  --hemly-web-container-5xl: 64rem;
  --hemly-web-container-6xl: 72rem;
  --hemly-web-container-7xl: 80rem;
  --hemly-web-type-size-xs: 0.75rem;
  --hemly-web-type-size-sm: 0.875rem;
  --hemly-web-type-size-base: 1rem;
  --hemly-web-type-size-lg: 1.125rem;
  --hemly-web-type-size-xl: 1.25rem;
  --hemly-web-type-size-2xl: 1.5rem;
  --hemly-web-type-size-3xl: 1.875rem;
  --hemly-web-type-size-4xl: 2.25rem;
  --hemly-web-type-size-5xl: 3rem;
  --hemly-web-type-size-6xl: 3.75rem;
  --hemly-web-type-size-7xl: 4.5rem;
  --hemly-web-line-height-snug: 1.375;
  --hemly-web-line-height-normal: 1.5;
  --hemly-web-line-height-relaxed: 1.625;
  --hemly-web-navigation-height: 4.5rem;
  --hemly-web-type-line-height-6xl: 1;
  --hemly-web-type-line-height-5xl: 1;
  --hemly-web-type-line-height-4xl: calc(2.5/2.25);
  --hemly-web-type-line-height-3xl: calc(2.25/1.875);
  --hemly-web-type-line-height-lg: calc(1.75/1.125);
  --hemly-web-type-line-height-base: calc(1.5/1);
  --hemly-web-type-line-height-sm: calc(1.25/.875);
  --hemly-web-type-line-height-xl: calc(1.75/1.25);
  --hemly-web-type-line-height-2xl: calc(2/1.5);
  --hemly-web-letter-spacing-ratio-tighter: -0.05;
  --hemly-web-letter-spacing-ratio-tight: -0.025;
  --hemly-web-letter-spacing-ratio-display: -0.02;
  --hemly-web-typography-recipe-label-md-line-height: 1.25;
  --hemly-web-typography-recipe-label-sm-line-height: 1.42857;
  --hemly-web-typography-recipe-display-3xl-font-size: 5rem;
  --hemly-web-typography-recipe-display-3xl-line-height: 1;
  --hemly-web-typography-composition-home-hero-line-height: 1;
  --hemly-web-typography-composition-home-hero-font-size-min: 48px;
  --hemly-web-typography-composition-home-hero-font-size-max: 92px;
  --hemly-web-typography-composition-home-hero-viewport-width-factor: 7;
  --hemly-primitive-motion-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --hemly-primitive-motion-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --hemly-primitive-motion-default-duration: 0.15s;
  --hemly-primitive-motion-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --hemly-primitive-font-weight-normal: 400;
  --hemly-primitive-font-weight-medium: 500;
  --hemly-primitive-font-weight-bold: 700;
  --hemly-primitive-color-pink: #ff84b6;
  --hemly-primitive-color-brown: #231f20;
  --hemly-primitive-color-brown-dark: #1c191a;
  --hemly-primitive-color-brown-light: #2a2526;
  --hemly-primitive-color-off-white: #f0f0eb;
  --hemly-primitive-color-off-white-dark: #e0e0d6;
  --hemly-primitive-color-off-white-light: #f6f6f3;
  --hemly-primitive-color-soft-pink: #ffe8f0;
  --hemly-primitive-color-warm-yellow: #ffd66c;
  --hemly-primitive-color-soft-yellow: #fff8cc;
  --hemly-primitive-color-black: #000000;
  --hemly-primitive-color-white: #ffffff;
  --hemly-primitive-color-ui-pink: #ff99c2;
  --hemly-primitive-color-ui-pink-dark: #ff84b6;
  --hemly-primitive-color-ui-pink-light: #ffa3c8;
  --hemly-primitive-color-gray-10: #f9f9f6;
  --hemly-primitive-color-gray-20: #f0f0eb;
  --hemly-primitive-color-gray-30: #e5e5df;
  --hemly-primitive-color-gray-40: #d6d6cd;
  --hemly-primitive-color-gray-50: #a3a396;
  --hemly-primitive-color-gray-60: #76766a;
  --hemly-primitive-color-gray-70: #545448;
  --hemly-primitive-color-gray-80: #424236;
  --hemly-primitive-color-gray-90: #26261d;
  --hemly-primitive-color-red-10: #fef3f1;
  --hemly-primitive-color-red-20: #fad8d4;
  --hemly-primitive-color-red-30: #f8b2a8;
  --hemly-primitive-color-red-40: #f47e6e;
  --hemly-primitive-color-red-50: #ef452e;
  --hemly-primitive-color-red-60: #de1b00;
  --hemly-primitive-color-red-70: #c21700;
  --hemly-primitive-color-red-80: #a81400;
  --hemly-primitive-color-red-90: #8a1100;
  --hemly-primitive-color-green-10: #f5fbf7;
  --hemly-primitive-color-green-20: #d1efda;
  --hemly-primitive-color-green-30: #a1deb2;
  --hemly-primitive-color-green-40: #66ca82;
  --hemly-primitive-color-green-50: #30b757;
  --hemly-primitive-color-green-60: #00a62f;
  --hemly-primitive-color-green-70: #009029;
  --hemly-primitive-color-green-80: #007d23;
  --hemly-primitive-color-green-90: #00661d;
  --hemly-primitive-color-blue-10: #f0f7ff;
  --hemly-primitive-color-blue-20: #dbebff;
  --hemly-primitive-color-blue-30: #bdd7ff;
  --hemly-primitive-color-blue-40: #80aeff;
  --hemly-primitive-color-blue-50: #578fff;
  --hemly-primitive-color-blue-60: #3370ff;
  --hemly-primitive-color-blue-70: #0045f6;
  --hemly-primitive-color-blue-80: #0039cc;
  --hemly-primitive-color-blue-90: #00288e;
  --hemly-primitive-color-yellow-10: #fef7e5;
  --hemly-primitive-color-yellow-20: #fbe6b2;
  --hemly-primitive-color-yellow-30: #f9d682;
  --hemly-primitive-color-yellow-40: #f7c652;
  --hemly-primitive-color-yellow-50: #f5b92b;
  --hemly-primitive-color-yellow-60: #f3ab00;
  --hemly-primitive-color-yellow-70: #e29f00;
  --hemly-primitive-color-yellow-80: #c58b00;
  --hemly-primitive-color-yellow-90: #9b6d00;
  --hemly-primitive-space-0: 0px;
  --hemly-primitive-space-1: 0.25rem;
  --hemly-primitive-space-2: 0.5rem;
  --hemly-primitive-space-3: 0.75rem;
  --hemly-primitive-space-4: 1rem;
  --hemly-primitive-space-5: 1.25rem;
  --hemly-primitive-space-6: 1.5rem;
  --hemly-primitive-space-7: 1.75rem;
  --hemly-primitive-space-8: 2rem;
  --hemly-primitive-space-9: 2.25rem;
  --hemly-primitive-space-10: 2.5rem;
  --hemly-primitive-space-12: 3rem;
  --hemly-primitive-space-14: 3.5rem;
  --hemly-primitive-space-16: 4rem;
  --hemly-primitive-space-20: 5rem;
  --hemly-primitive-space-24: 6rem;
  --hemly-primitive-space-28: 7rem;
  --hemly-primitive-space-32: 8rem;
  --hemly-primitive-space-36: 9rem;
  --hemly-primitive-space-40: 10rem;
  --hemly-primitive-space-44: 11rem;
  --hemly-primitive-space-48: 12rem;
  --hemly-primitive-space-52: 13rem;
  --hemly-primitive-space-56: 14rem;
  --hemly-primitive-space-60: 15rem;
  --hemly-primitive-space-64: 16rem;
  --hemly-primitive-space-72: 18rem;
  --hemly-primitive-space-80: 20rem;
  --hemly-primitive-space-96: 24rem;
  --hemly-primitive-radius-2xs: 6px;
  --hemly-primitive-radius-xs: 8px;
  --hemly-primitive-radius-sm: 12px;
  --hemly-primitive-radius-md: 16px;
  --hemly-primitive-radius-lg: 24px;
  --hemly-primitive-radius-xl: 32px;
  --hemly-primitive-radius-2xl: 48px;
  --hemly-primitive-radius-full: 9999px;
  --hemly-primitive-font-family-sans: var(--hemly-font-inter, Inter), Arial, Helvetica, sans-serif;
  --hemly-primitive-font-family-display: ui-rounded, 'SF Pro Rounded', var(--hemly-font-nunito, Nunito), system-ui, sans-serif;
  --hemly-component-button-shared-letter-spacing-ratio: -0.01;
  --hemly-component-button-shared-disabled-opacity: 0.4;
  --hemly-component-button-shared-pressed-scale: 0.97;
  --hemly-component-button-shared-focus-width: 2px;
  --hemly-component-button-shared-focus-offset: 2px;
  --hemly-component-button-size-compact-line-height: calc(1.25/.875);
  --hemly-component-button-size-regular-line-height: calc(1.5/1);
  --hemly-component-button-size-large-line-height: calc(1.5/1);
  --hemly-component-button-size-hero-line-height: calc(1.5/1);
  --hemly-component-select-line-height: calc(1.5/1);
  --hemly-component-select-letter-spacing-ratio: -0.025;
  --hemly-component-select-disabled-opacity: 0.4;
  --hemly-component-select-chevron-stroke-width: 2;
  --hemly-component-select-border-width: 1px;
  --hemly-component-select-focus-width: 1px;
  --hemly-component-select-chevron-size: 16px;
  --hemly-component-select-transition-duration: 120ms;
  --hemly-component-select-transition-curve: ease;
  --hemly-component-select-menu-padding: 6px;
  --hemly-component-select-menu-gap: 6px;
  --hemly-component-select-menu-max-height: 320px;
  --hemly-component-select-menu-shadow-y: 8px;
  --hemly-component-select-menu-shadow-blur: 24px;
  --hemly-component-select-menu-shadow-color: color(srgb 0.20392156862745098 0.14901960784313725 0.12549019607843137 / 0.1);
  --hemly-component-checkbox-size: 18px;
  --hemly-component-checkbox-radius: 3px;
  --hemly-component-checkbox-padding: 3px;
  --hemly-component-checkbox-border-width: 1px;
  --hemly-component-checkbox-stroke-width: 1.8;
  --hemly-component-home-map-height: 28rem;
  --hemly-component-home-map-heading-tracking: -0.02;
  --hemly-component-home-map-marker-size: 1.5rem;
  --hemly-component-home-map-marker-border-width: 2px;
  --hemly-component-home-map-marker-shadow-1-y: 0.9px;
  --hemly-component-home-map-marker-shadow-1-blur: 2.1px;
  --hemly-component-home-map-marker-shadow-1-color: color(srgb 0 0 0 / 0.02);
  --hemly-component-home-map-marker-shadow-2-y: 2.1px;
  --hemly-component-home-map-marker-shadow-2-blur: 5px;
  --hemly-component-home-map-marker-shadow-2-color: color(srgb 0 0 0 / 0.027);
  --hemly-component-home-map-marker-shadow-3-y: 3.9px;
  --hemly-component-home-map-marker-shadow-3-blur: 9.4px;
  --hemly-component-home-map-marker-shadow-3-color: color(srgb 0 0 0 / 0.035);
  --hemly-component-home-map-marker-shadow-4-y: 7px;
  --hemly-component-home-map-marker-shadow-4-blur: 16.8px;
  --hemly-component-home-map-marker-shadow-4-color: color(srgb 0 0 0 / 0.043);
  --hemly-component-home-map-marker-shadow-5-y: 13px;
  --hemly-component-home-map-marker-shadow-5-blur: 31.3px;
  --hemly-component-home-map-marker-shadow-5-color: color(srgb 0 0 0 / 0.05);
  --hemly-component-home-map-area-fill-opacity: 0.22;
  --hemly-component-home-map-area-stroke-opacity: 0.8;
  --hemly-component-home-map-area-stroke-width: 2px;
  --hemly-component-discovery-map-cluster-small: 32px;
  --hemly-component-discovery-map-cluster-medium: 48px;
  --hemly-component-discovery-map-cluster-large: 56px;
  --hemly-component-discovery-map-cluster-radius: 999px;
  --hemly-component-discovery-map-cluster-padding-top: 1px;
  --hemly-component-discovery-map-price-height: 28px;
  --hemly-component-discovery-map-price-padding-top: 1.5px;
  --hemly-component-discovery-map-price-padding-inline: 8px;
  --hemly-component-discovery-map-price-radius: 9999px;
  --hemly-component-discovery-map-border-width: 1px;
  --hemly-component-discovery-map-font-size: 14px;
  --hemly-component-discovery-map-line-height: 18px;
  --hemly-component-discovery-map-tracking: -0.01;
  --hemly-component-discovery-map-hover-scale: 1.05;
  --hemly-component-discovery-map-motion-duration: 100ms;
  --hemly-component-discovery-map-motion-easing: cubic-bezier(0, 0, 0.58, 1);
  --hemly-component-discovery-map-preview-width: 320px;
  --hemly-component-discovery-map-preview-bottom: 96px;
  --hemly-component-discovery-map-preview-radius: 24px;
  --hemly-component-discovery-map-preview-media-height: 160px;
  --hemly-component-discovery-map-preview-close-size: 32px;
  --hemly-component-discovery-map-preview-close-inset: 12px;
  --hemly-component-onboarding-footer-divider-width: 1px;
  --hemly-component-choice-card-border-width: 1px;
  --hemly-component-choice-card-selected-border-width: 2px;
  --hemly-brand-color-mark: #ff64a2;
  --hemly-brand-color-body: #ffd7e7;
  --hemly-web-typography-recipe-display-lg-font-family: var(--hemly-primitive-font-family-display);
  --hemly-web-typography-recipe-display-lg-font-size: var(--hemly-web-type-size-6xl);
  --hemly-web-typography-recipe-display-lg-font-weight: var(--hemly-primitive-font-weight-bold);
  --hemly-web-typography-recipe-display-lg-line-height: var(--hemly-web-type-line-height-6xl);
  --hemly-web-typography-recipe-display-lg-letter-spacing-ratio: var(--hemly-web-letter-spacing-ratio-display);
  --hemly-web-typography-recipe-display-md-font-family: var(--hemly-primitive-font-family-display);
  --hemly-web-typography-recipe-display-md-font-size: var(--hemly-web-type-size-5xl);
  --hemly-web-typography-recipe-display-md-font-weight: var(--hemly-primitive-font-weight-bold);
  --hemly-web-typography-recipe-display-md-line-height: var(--hemly-web-type-line-height-5xl);
  --hemly-web-typography-recipe-display-md-letter-spacing-ratio: var(--hemly-web-letter-spacing-ratio-display);
  --hemly-web-typography-recipe-display-sm-font-family: var(--hemly-primitive-font-family-display);
  --hemly-web-typography-recipe-display-sm-font-size: var(--hemly-web-type-size-4xl);
  --hemly-web-typography-recipe-display-sm-font-weight: var(--hemly-primitive-font-weight-bold);
  --hemly-web-typography-recipe-display-sm-line-height: var(--hemly-web-type-line-height-4xl);
  --hemly-web-typography-recipe-display-sm-letter-spacing-ratio: var(--hemly-web-letter-spacing-ratio-display);
  --hemly-web-typography-recipe-display-xs-font-family: var(--hemly-primitive-font-family-display);
  --hemly-web-typography-recipe-display-xs-font-size: var(--hemly-web-type-size-3xl);
  --hemly-web-typography-recipe-display-xs-font-weight: var(--hemly-primitive-font-weight-bold);
  --hemly-web-typography-recipe-display-xs-line-height: var(--hemly-web-type-line-height-3xl);
  --hemly-web-typography-recipe-display-xs-letter-spacing-ratio: var(--hemly-web-letter-spacing-ratio-display);
  --hemly-web-typography-recipe-body-lg-font-family: var(--hemly-primitive-font-family-sans);
  --hemly-web-typography-recipe-body-lg-font-size: var(--hemly-web-type-size-lg);
  --hemly-web-typography-recipe-body-lg-font-weight: var(--hemly-primitive-font-weight-normal);
  --hemly-web-typography-recipe-body-lg-line-height: var(--hemly-web-type-line-height-lg);
  --hemly-web-typography-recipe-body-lg-letter-spacing-ratio: var(--hemly-web-letter-spacing-ratio-tight);
  --hemly-web-typography-recipe-body-md-font-family: var(--hemly-primitive-font-family-sans);
  --hemly-web-typography-recipe-body-md-font-size: var(--hemly-web-type-size-base);
  --hemly-web-typography-recipe-body-md-font-weight: var(--hemly-primitive-font-weight-normal);
  --hemly-web-typography-recipe-body-md-line-height: var(--hemly-web-type-line-height-base);
  --hemly-web-typography-recipe-body-md-letter-spacing-ratio: var(--hemly-web-letter-spacing-ratio-tight);
  --hemly-web-typography-recipe-body-sm-font-family: var(--hemly-primitive-font-family-sans);
  --hemly-web-typography-recipe-body-sm-font-size: var(--hemly-web-type-size-sm);
  --hemly-web-typography-recipe-body-sm-font-weight: var(--hemly-primitive-font-weight-normal);
  --hemly-web-typography-recipe-body-sm-line-height: var(--hemly-web-type-line-height-sm);
  --hemly-web-typography-recipe-body-sm-letter-spacing-ratio: var(--hemly-web-letter-spacing-ratio-tight);
  --hemly-web-typography-recipe-body-xl-font-family: var(--hemly-primitive-font-family-sans);
  --hemly-web-typography-recipe-body-xl-font-size: var(--hemly-web-type-size-xl);
  --hemly-web-typography-recipe-body-xl-font-weight: var(--hemly-primitive-font-weight-normal);
  --hemly-web-typography-recipe-body-xl-line-height: var(--hemly-web-type-line-height-xl);
  --hemly-web-typography-recipe-body-xl-letter-spacing-ratio: var(--hemly-web-letter-spacing-ratio-tight);
  --hemly-web-typography-recipe-label-md-font-family: var(--hemly-primitive-font-family-sans);
  --hemly-web-typography-recipe-label-md-font-size: var(--hemly-web-type-size-base);
  --hemly-web-typography-recipe-label-md-font-weight: var(--hemly-primitive-font-weight-medium);
  --hemly-web-typography-recipe-label-md-letter-spacing-ratio: var(--hemly-web-letter-spacing-ratio-tight);
  --hemly-web-typography-recipe-label-sm-font-family: var(--hemly-primitive-font-family-sans);
  --hemly-web-typography-recipe-label-sm-font-size: var(--hemly-web-type-size-sm);
  --hemly-web-typography-recipe-label-sm-font-weight: var(--hemly-primitive-font-weight-medium);
  --hemly-web-typography-recipe-label-sm-letter-spacing-ratio: var(--hemly-web-letter-spacing-ratio-tight);
  --hemly-web-typography-recipe-title-2xs-font-family: var(--hemly-primitive-font-family-display);
  --hemly-web-typography-recipe-title-2xs-font-size: var(--hemly-web-type-size-base);
  --hemly-web-typography-recipe-title-2xs-font-weight: var(--hemly-primitive-font-weight-bold);
  --hemly-web-typography-recipe-title-2xs-line-height: var(--hemly-web-type-line-height-base);
  --hemly-web-typography-recipe-title-2xs-letter-spacing-ratio: var(--hemly-web-letter-spacing-ratio-tight);
  --hemly-web-typography-recipe-title-lg-font-family: var(--hemly-primitive-font-family-display);
  --hemly-web-typography-recipe-title-lg-font-size: var(--hemly-web-type-size-4xl);
  --hemly-web-typography-recipe-title-lg-font-weight: var(--hemly-primitive-font-weight-bold);
  --hemly-web-typography-recipe-title-lg-line-height: var(--hemly-web-type-line-height-4xl);
  --hemly-web-typography-recipe-title-lg-letter-spacing-ratio: var(--hemly-web-letter-spacing-ratio-tight);
  --hemly-web-typography-recipe-title-md-font-family: var(--hemly-primitive-font-family-display);
  --hemly-web-typography-recipe-title-md-font-size: var(--hemly-web-type-size-3xl);
  --hemly-web-typography-recipe-title-md-font-weight: var(--hemly-primitive-font-weight-bold);
  --hemly-web-typography-recipe-title-md-line-height: var(--hemly-web-type-line-height-3xl);
  --hemly-web-typography-recipe-title-md-letter-spacing-ratio: var(--hemly-web-letter-spacing-ratio-tight);
  --hemly-web-typography-recipe-title-sm-font-family: var(--hemly-primitive-font-family-display);
  --hemly-web-typography-recipe-title-sm-font-size: var(--hemly-web-type-size-2xl);
  --hemly-web-typography-recipe-title-sm-font-weight: var(--hemly-primitive-font-weight-bold);
  --hemly-web-typography-recipe-title-sm-line-height: var(--hemly-web-type-line-height-2xl);
  --hemly-web-typography-recipe-title-sm-letter-spacing-ratio: var(--hemly-web-letter-spacing-ratio-tight);
  --hemly-web-typography-recipe-title-xs-font-family: var(--hemly-primitive-font-family-display);
  --hemly-web-typography-recipe-title-xs-font-size: var(--hemly-web-type-size-xl);
  --hemly-web-typography-recipe-title-xs-font-weight: var(--hemly-primitive-font-weight-bold);
  --hemly-web-typography-recipe-title-xs-line-height: var(--hemly-web-type-line-height-xl);
  --hemly-web-typography-recipe-title-xs-letter-spacing-ratio: var(--hemly-web-letter-spacing-ratio-tight);
  --hemly-web-typography-recipe-display-3xl-font-family: var(--hemly-primitive-font-family-display);
  --hemly-web-typography-recipe-display-3xl-font-weight: var(--hemly-primitive-font-weight-bold);
  --hemly-web-typography-recipe-display-3xl-letter-spacing-ratio: var(--hemly-web-letter-spacing-ratio-display);
  --hemly-web-typography-composition-section-heading-breakpoint: var(--hemly-web-breakpoint-md);
  --hemly-web-typography-composition-step-heading-breakpoint: var(--hemly-web-breakpoint-lg);
  --hemly-web-typography-composition-home-hero-font-family: var(--hemly-primitive-font-family-display);
  --hemly-web-typography-composition-home-hero-font-weight: var(--hemly-primitive-font-weight-bold);
  --hemly-semantic-text-strong: var(--hemly-primitive-color-black);
  --hemly-semantic-text-default: var(--hemly-primitive-color-brown);
  --hemly-semantic-text-subtle: var(--hemly-primitive-color-gray-60);
  --hemly-semantic-text-disabled: var(--hemly-primitive-color-gray-50);
  --hemly-semantic-text-negative: var(--hemly-primitive-color-red-60);
  --hemly-semantic-text-warning: var(--hemly-primitive-color-yellow-90);
  --hemly-semantic-text-positive: var(--hemly-primitive-color-green-70);
  --hemly-semantic-text-on-brand-primary: var(--hemly-primitive-color-brown);
  --hemly-semantic-text-on-brand-secondary: var(--hemly-primitive-color-off-white);
  --hemly-semantic-text-on-brand-tertiary: var(--hemly-primitive-color-brown);
  --hemly-semantic-surface-default: var(--hemly-primitive-color-white);
  --hemly-semantic-surface-brand-primary: var(--hemly-primitive-color-ui-pink);
  --hemly-semantic-surface-brand-primary-hover: var(--hemly-primitive-color-ui-pink-light);
  --hemly-semantic-surface-brand-primary-active: var(--hemly-primitive-color-ui-pink-dark);
  --hemly-semantic-surface-brand-secondary: var(--hemly-primitive-color-brown);
  --hemly-semantic-surface-brand-secondary-hover: var(--hemly-primitive-color-brown-light);
  --hemly-semantic-surface-brand-secondary-active: var(--hemly-primitive-color-brown-dark);
  --hemly-semantic-surface-brand-tertiary: var(--hemly-primitive-color-off-white);
  --hemly-semantic-surface-brand-tertiary-hover: var(--hemly-primitive-color-off-white-light);
  --hemly-semantic-surface-brand-tertiary-active: var(--hemly-primitive-color-off-white-dark);
  --hemly-semantic-surface-negative: var(--hemly-primitive-color-red-60);
  --hemly-semantic-surface-warning: var(--hemly-primitive-color-yellow-60);
  --hemly-semantic-surface-positive: var(--hemly-primitive-color-green-60);
  --hemly-semantic-surface-inset: var(--hemly-primitive-color-gray-10);
  --hemly-semantic-border-strong: var(--hemly-primitive-color-gray-50);
  --hemly-semantic-border-default: var(--hemly-primitive-color-gray-40);
  --hemly-semantic-border-default-hover: var(--hemly-primitive-color-gray-50);
  --hemly-semantic-border-default-selected: var(--hemly-primitive-color-brown);
  --hemly-semantic-border-subtle: var(--hemly-primitive-color-gray-20);
  --hemly-semantic-border-negative: var(--hemly-primitive-color-red-60);
  --hemly-semantic-border-warning: var(--hemly-primitive-color-yellow-60);
  --hemly-semantic-border-positive: var(--hemly-primitive-color-green-60);
  --hemly-semantic-icon-strong: var(--hemly-primitive-color-black);
  --hemly-semantic-icon-default: var(--hemly-primitive-color-brown);
  --hemly-semantic-icon-subtle: var(--hemly-primitive-color-gray-60);
  --hemly-semantic-icon-disabled: var(--hemly-primitive-color-gray-50);
  --hemly-semantic-icon-negative: var(--hemly-primitive-color-red-60);
  --hemly-semantic-icon-warning: var(--hemly-primitive-color-yellow-70);
  --hemly-semantic-icon-positive: var(--hemly-primitive-color-green-70);
  --hemly-semantic-icon-on-brand-primary: var(--hemly-primitive-color-brown);
  --hemly-semantic-icon-on-brand-secondary: var(--hemly-primitive-color-off-white);
  --hemly-semantic-icon-on-brand-tertiary: var(--hemly-primitive-color-brown);
  --hemly-component-button-shared-radius: var(--hemly-primitive-radius-full);
  --hemly-component-button-shared-font-family: var(--hemly-primitive-font-family-sans);
  --hemly-component-button-shared-font-weight: var(--hemly-primitive-font-weight-bold);
  --hemly-component-button-shared-transition-duration: var(--hemly-primitive-motion-default-duration);
  --hemly-component-button-shared-transition-curve: var(--hemly-primitive-motion-ease-out);
  --hemly-component-button-shared-focus-color: var(--hemly-primitive-color-brown);
  --hemly-component-button-shared-focus-offset-color: var(--hemly-primitive-color-white);
  --hemly-component-button-size-compact-height: var(--hemly-primitive-space-10);
  --hemly-component-button-size-compact-padding-inline: var(--hemly-primitive-space-5);
  --hemly-component-button-size-compact-font-size: var(--hemly-web-type-size-sm);
  --hemly-component-button-size-regular-height: var(--hemly-primitive-space-12);
  --hemly-component-button-size-regular-padding-inline: var(--hemly-primitive-space-6);
  --hemly-component-button-size-regular-font-size: var(--hemly-web-type-size-base);
  --hemly-component-button-size-large-height: var(--hemly-primitive-space-14);
  --hemly-component-button-size-large-padding-inline: var(--hemly-primitive-space-8);
  --hemly-component-button-size-large-font-size: var(--hemly-web-type-size-base);
  --hemly-component-button-size-hero-height: var(--hemly-primitive-space-16);
  --hemly-component-button-size-hero-padding-inline: var(--hemly-primitive-space-8);
  --hemly-component-button-size-hero-font-size: var(--hemly-web-type-size-base);
  --hemly-component-select-height: var(--hemly-primitive-space-12);
  --hemly-component-select-radius: var(--hemly-primitive-radius-sm);
  --hemly-component-select-padding-inline: var(--hemly-primitive-space-4);
  --hemly-component-select-padding-right: var(--hemly-primitive-space-10);
  --hemly-component-select-font-family: var(--hemly-primitive-font-family-sans);
  --hemly-component-select-font-size: var(--hemly-web-type-size-base);
  --hemly-component-select-font-weight: var(--hemly-primitive-font-weight-normal);
  --hemly-component-select-chevron-slot-width: var(--hemly-primitive-space-12);
  --hemly-component-select-menu-radius: var(--hemly-primitive-radius-sm);
  --hemly-component-select-option-height: var(--hemly-primitive-space-10);
  --hemly-component-select-option-padding-x: var(--hemly-primitive-space-3);
  --hemly-component-select-option-radius: var(--hemly-primitive-radius-xs);
  --hemly-component-select-option-selected-background: var(--hemly-brand-color-body);
  --hemly-component-select-option-indicator-size: var(--hemly-component-select-chevron-size);
  --hemly-component-checkbox-disabled-opacity: var(--hemly-component-select-disabled-opacity);
  --hemly-component-home-map-radius: var(--hemly-primitive-radius-lg);
  --hemly-component-home-map-gap: var(--hemly-primitive-space-6);
  --hemly-component-home-map-background: var(--hemly-primitive-color-gray-10);
  --hemly-component-home-map-heading-size: var(--hemly-web-type-size-2xl);
  --hemly-component-home-map-heading-line-height: var(--hemly-primitive-space-7);
  --hemly-component-home-map-marker-border: var(--hemly-primitive-color-white);
  --hemly-component-home-map-marker-fill: var(--hemly-brand-color-mark);
  --hemly-component-home-map-area-fill: var(--hemly-brand-color-mark);
  --hemly-component-onboarding-padding-inline: var(--hemly-primitive-space-5);
  --hemly-component-onboarding-padding-top: var(--hemly-primitive-space-2);
  --hemly-component-onboarding-padding-bottom: var(--hemly-primitive-space-8);
  --hemly-component-onboarding-header-gap: var(--hemly-primitive-space-8);
  --hemly-component-onboarding-heading-gap: var(--hemly-primitive-space-3);
  --hemly-component-onboarding-section-gap: var(--hemly-primitive-space-6);
  --hemly-component-onboarding-footer-padding-top: var(--hemly-primitive-space-3);
  --hemly-component-onboarding-footer-padding-bottom: var(--hemly-primitive-space-2);
  --hemly-component-onboarding-footer-gap: var(--hemly-primitive-space-2);
  --hemly-component-onboarding-logo-width: var(--hemly-primitive-space-40);
  --hemly-component-onboarding-success-size: var(--hemly-primitive-space-24);
  --hemly-component-onboarding-success-icon-size: var(--hemly-primitive-space-10);
  --hemly-component-onboarding-card-padding: var(--hemly-primitive-space-5); /** Inner padding of onboarding info cards (match count, optional wishes, review summaries). */
  --hemly-component-onboarding-card-gap: var(--hemly-primitive-space-3); /** Vertical spacing between rows inside an onboarding info card. */
  --hemly-component-onboarding-card-text-gap: var(--hemly-primitive-space-1); /** Spacing between an onboarding info card's title and subtitle. */
  --hemly-component-onboarding-card-radius: var(--hemly-primitive-radius-md); /** Corner radius of onboarding info cards; matches the choice card. */
  --hemly-component-onboarding-media-radius: var(--hemly-primitive-radius-sm); /** Corner radius of photo and floor-plan thumbnails in the onboarding review. */
  --hemly-component-onboarding-success-background: var(--hemly-brand-color-body);
  --hemly-component-progress-width: var(--hemly-primitive-space-40);
  --hemly-component-progress-height: var(--hemly-primitive-space-1);
  --hemly-component-progress-radius: var(--hemly-primitive-radius-full);
  --hemly-component-progress-segment-gap: var(--hemly-primitive-space-1);
  --hemly-component-progress-track: var(--hemly-brand-color-body);
  --hemly-component-progress-transition-duration: var(--hemly-primitive-motion-default-duration);
  --hemly-component-progress-transition-curve: var(--hemly-primitive-motion-ease-in-out);
  --hemly-component-choice-card-padding: var(--hemly-primitive-space-4);
  --hemly-component-choice-card-gap: var(--hemly-primitive-space-3);
  --hemly-component-choice-card-text-gap: var(--hemly-primitive-space-1);
  --hemly-component-choice-card-list-gap: var(--hemly-primitive-space-3);
  --hemly-component-choice-card-radius: var(--hemly-primitive-radius-md);
  --hemly-component-choice-card-min-height: var(--hemly-primitive-space-16);
  --hemly-component-choice-card-icon-container-size: var(--hemly-primitive-space-10);
  --hemly-component-choice-card-icon-size: var(--hemly-primitive-space-5);
  --hemly-component-choice-card-indicator-size: var(--hemly-primitive-space-6);
  --hemly-component-choice-card-pressed-scale: var(--hemly-component-button-shared-pressed-scale);
  --hemly-component-choice-card-disabled-opacity: var(--hemly-component-button-shared-disabled-opacity);
  --hemly-component-choice-card-transition-duration: var(--hemly-primitive-motion-default-duration);
  --hemly-component-choice-card-transition-curve: var(--hemly-primitive-motion-ease-out);
  --hemly-component-choice-card-selected-background: var(--hemly-brand-color-body);
  --hemly-component-choice-card-subtitle: var(--hemly-primitive-color-gray-70);
  --hemly-component-choice-card-icon-background: var(--hemly-brand-color-body);
  --hemly-component-choice-chip-height: var(--hemly-primitive-space-12);
  --hemly-component-choice-chip-min-width: var(--hemly-primitive-space-12);
  --hemly-component-choice-chip-padding-inline: var(--hemly-primitive-space-4);
  --hemly-component-choice-chip-padding-block: var(--hemly-primitive-space-1);
  --hemly-component-choice-chip-radius: var(--hemly-primitive-radius-full);
  --hemly-component-choice-chip-gap: var(--hemly-primitive-space-2);
  --hemly-component-choice-chip-border-width: var(--hemly-component-choice-card-border-width);
  --hemly-component-choice-chip-pressed-scale: var(--hemly-component-button-shared-pressed-scale);
  --hemly-component-choice-chip-disabled-opacity: var(--hemly-component-button-shared-disabled-opacity);
  --hemly-component-choice-chip-transition-duration: var(--hemly-primitive-motion-default-duration);
  --hemly-component-choice-chip-transition-curve: var(--hemly-primitive-motion-ease-out);
  --hemly-component-feature-row-icon-circle-size: var(--hemly-primitive-space-12);
  --hemly-component-feature-row-icon-size: var(--hemly-primitive-space-6);
  --hemly-component-feature-row-gap: var(--hemly-primitive-space-4);
  --hemly-component-feature-row-text-gap: var(--hemly-primitive-space-1);
  --hemly-component-feature-row-row-gap: var(--hemly-primitive-space-6);
  --hemly-component-feature-row-icon-background: var(--hemly-brand-color-body);
  --hemly-component-value-slider-gap: var(--hemly-primitive-space-2);
  --hemly-component-value-slider-disabled-opacity: var(--hemly-component-button-shared-disabled-opacity);
  --hemly-brand-color-wordmark: var(--hemly-primitive-color-brown);
  --hemly-component-button-tone-primary-background: var(--hemly-semantic-surface-brand-primary);
  --hemly-component-button-tone-primary-hover: var(--hemly-semantic-surface-brand-primary-hover);
  --hemly-component-button-tone-primary-pressed: var(--hemly-semantic-surface-brand-primary-active);
  --hemly-component-button-tone-primary-foreground: var(--hemly-semantic-text-on-brand-primary);
  --hemly-component-button-tone-secondary-background: var(--hemly-semantic-surface-brand-secondary);
  --hemly-component-button-tone-secondary-hover: var(--hemly-semantic-surface-brand-secondary-hover);
  --hemly-component-button-tone-secondary-pressed: var(--hemly-semantic-surface-brand-secondary-active);
  --hemly-component-button-tone-secondary-foreground: var(--hemly-semantic-text-on-brand-secondary);
  --hemly-component-button-tone-tertiary-background: var(--hemly-semantic-surface-brand-tertiary);
  --hemly-component-button-tone-tertiary-hover: var(--hemly-semantic-surface-brand-tertiary-hover);
  --hemly-component-button-tone-tertiary-pressed: var(--hemly-semantic-surface-brand-tertiary-active);
  --hemly-component-button-tone-tertiary-foreground: var(--hemly-semantic-text-on-brand-tertiary);
  --hemly-component-select-background: var(--hemly-semantic-surface-default);
  --hemly-component-select-foreground: var(--hemly-semantic-text-default);
  --hemly-component-select-border: var(--hemly-semantic-border-default);
  --hemly-component-select-hover-border: var(--hemly-semantic-border-default-hover);
  --hemly-component-select-focus-border: var(--hemly-semantic-border-default-selected);
  --hemly-component-select-invalid-border: var(--hemly-semantic-border-negative);
  --hemly-component-select-chevron-color: var(--hemly-semantic-icon-default);
  --hemly-component-select-menu-background: var(--hemly-semantic-surface-default);
  --hemly-component-select-menu-text: var(--hemly-semantic-text-default);
  --hemly-component-select-menu-border: var(--hemly-semantic-border-default);
  --hemly-component-select-option-highlight-background: var(--hemly-semantic-surface-inset);
  --hemly-component-checkbox-background: var(--hemly-semantic-surface-default);
  --hemly-component-checkbox-border: var(--hemly-semantic-border-default);
  --hemly-component-checkbox-hover-border: var(--hemly-semantic-border-default-hover);
  --hemly-component-checkbox-checked-background: var(--hemly-semantic-surface-brand-secondary);
  --hemly-component-checkbox-checkmark: var(--hemly-semantic-icon-on-brand-secondary);
  --hemly-component-checkbox-focus: var(--hemly-semantic-text-default);
  --hemly-component-home-map-area-stroke: var(--hemly-brand-color-wordmark);
  --hemly-component-onboarding-background: var(--hemly-semantic-surface-default);
  --hemly-component-onboarding-heading: var(--hemly-semantic-text-default);
  --hemly-component-onboarding-lead: var(--hemly-semantic-text-subtle);
  --hemly-component-onboarding-footer-background: var(--hemly-semantic-surface-default);
  --hemly-component-onboarding-footer-divider: var(--hemly-semantic-border-subtle);
  --hemly-component-onboarding-toolbar-icon: var(--hemly-semantic-icon-default);
  --hemly-component-onboarding-success-foreground: var(--hemly-brand-color-wordmark);
  --hemly-component-onboarding-card-background: var(--hemly-semantic-surface-brand-tertiary); /** Warm off-white fill of onboarding info cards. */
  --hemly-component-progress-fill: var(--hemly-semantic-surface-brand-secondary);
  --hemly-component-choice-card-background: var(--hemly-semantic-surface-default);
  --hemly-component-choice-card-border: var(--hemly-semantic-border-default);
  --hemly-component-choice-card-selected-border: var(--hemly-semantic-border-default-selected);
  --hemly-component-choice-card-title: var(--hemly-semantic-text-default);
  --hemly-component-choice-card-selected-icon-background: var(--hemly-semantic-surface-default);
  --hemly-component-choice-card-icon: var(--hemly-brand-color-wordmark);
  --hemly-component-choice-card-indicator: var(--hemly-semantic-icon-subtle);
  --hemly-component-choice-card-selected-indicator: var(--hemly-semantic-surface-brand-secondary);
  --hemly-component-choice-card-selected-indicator-mark: var(--hemly-semantic-icon-on-brand-secondary);
  --hemly-component-choice-chip-background: var(--hemly-semantic-surface-default);
  --hemly-component-choice-chip-foreground: var(--hemly-semantic-text-default);
  --hemly-component-choice-chip-border: var(--hemly-semantic-border-default);
  --hemly-component-choice-chip-selected-background: var(--hemly-semantic-surface-brand-secondary);
  --hemly-component-choice-chip-selected-foreground: var(--hemly-semantic-text-on-brand-secondary);
  --hemly-component-choice-chip-selected-border: var(--hemly-semantic-surface-brand-secondary);
  --hemly-component-feature-row-icon: var(--hemly-brand-color-wordmark);
  --hemly-component-feature-row-title: var(--hemly-semantic-text-default);
  --hemly-component-feature-row-detail: var(--hemly-semantic-text-subtle);
  --hemly-component-value-slider-tint: var(--hemly-semantic-surface-brand-secondary);
  --hemly-component-value-slider-label: var(--hemly-semantic-text-default);
  --hemly-component-value-slider-readout: var(--hemly-semantic-text-default);
  --hemly-component-value-slider-range-label: var(--hemly-semantic-text-subtle);
  --hemly-component-value-slider-placeholder: var(--hemly-semantic-text-subtle); /** Readout text while no valid value is set, so the slider never implies an amount that is not stored. */
}