:root {
  --accent-50: #f8fafc;
  --accent-100: #f1f5f9;
  --accent-200: #e2e8f0;
  --accent-300: #cbd5e1;
  --accent-400: #94a3b8;
  --accent-500: #64748b;
  --accent-600: #475569;
  --accent-700: #334155;
  --accent-800: #1e293b;
  --accent-900: #0f172a;
  --green-50: #e6fcec;
  --green-100: #dcfae6;
  --green-200: #abefc6;
  --green-300: #75e0a7;
  --green-400: #47cd89;
  --green-500: #17b26a;
  --green-600: #079455;
  --green-700: #067647;
  --green-800: #085d3a;
  --green-900: #074d31;
  --neutral-50: #f8fafc;
  --neutral-100: #f1f5f9;
  --neutral-200: #e2e8f0;
  --neutral-300: #cbd5e1;
  --neutral-400: #94a3b8;
  --neutral-500: #64748b;
  --neutral-600: #475569;
  --neutral-700: #334155;
  --neutral-800: #1e293b;
  --neutral-900: #0f172a;
  --primary: #0f172a;
  --red-50: #fee4e2;
  --red-100: #fee4e2;
  --red-200: #fecdca;
  --red-300: #fda29b;
  --red-400: #f97066;
  --red-500: #f04438;
  --red-600: #d92d20;
  --red-700: #b42318;
  --red-800: #912018;
  --red-900: #7a271a;
  --secondary: #64748b;
  --transparent: transparent;
  --white: #ffffff;

  /* accordion */

  --background-accordion-item: transparent;
  --border-color-accordion-item: var(--neutral-200);
  --border-radius-accordion-item: 0;
  --border-size-accordion-item: 1px;
  --color-accordion-body: var(--neutral-700);
  --color-accordion-title: var(--neutral-900);
  --color-accordion-title-icon: var(--primary);
  --line-height-large-breakpoint-accordion-body: 155%;
  --line-height-medium-breakpoint-accordion-body: 155%;
  --line-height-small-breakpoint-accordion-body: 155%;
  --size-large-breakpoint-accordion-body: 1rem;
  --size-large-breakpoint-accordion-icon: 1.25rem;
  --size-large-breakpoint-accordion-title: 1.125rem;
  --size-medium-breakpoint-accordion-body: 1rem;
  --size-medium-breakpoint-accordion-icon: 1.25rem;
  --size-medium-breakpoint-accordion-title: 1.125rem;
  --size-small-breakpoint-accordion-body: 1rem;
  --size-small-breakpoint-accordion-icon: 1.25rem;
  --size-small-breakpoint-accordion-title: 1.125rem;
  --space-x-large-breakpoint-accordion-body-inner: 0;
  --space-x-large-breakpoint-accordion-header: 0;
  --space-x-medium-breakpoint-accordion-body-inner: 0;
  --space-x-medium-breakpoint-accordion-header: 0;
  --space-x-small-breakpoint-accordion-body-inner: 0;
  --space-x-small-breakpoint-accordion-header: 0;
  --space-y-block-large-breakpoint-accordion-body: 1.5625rem;
  --space-y-block-medium-breakpoint-accordion-body: 1.5625rem;
  --space-y-block-small-breakpoint-accordion-body: 1.5625rem;
  --space-y-large-breakpoint-accordion-header: 1.5625rem;
  --space-y-medium-breakpoint-accordion-header: 1.25rem;
  --space-y-small-breakpoint-accordion-header: 1.25rem;
  --weight-accordion-body: var(--weight-regular);
  --weight-accordion-title: var(--weight-bold);

  /* banner */

  --background-banner: var(--white);
  --background-banner-icon: var(--white);
  --border-color-banner: var(--neutral-200);
  --border-color-banner-icon: var(--neutral-200);
  --border-radius-banner: 12px;
  --border-radius-banner-icon: 10px;
  --border-width-banner: 1px;
  --border-width-banner-icon: 1px;
  --color-banner-icon: var(--neutral-900);
  --color-banner-icon-shadow: var(--neutral-200);
  --color-banner-shadow: var(--neutral-200);
  --color-banner-text: var(--neutral-700);
  --gap-banner: 15px;
  --line-height-large-breakpoint-banner-text: 125%;
  --line-height-medium-breakpoint-banner-text: 125%;
  --line-height-small-breakpoint-banner-text: 125%;
  --size-banner-icon: 2.5rem;
  --size-banner-icon-shadow: 0.125rem;
  --size-banner-shadow: 1rem;
  --size-large-breakpoint-banner-text: 1rem;
  --size-medium-breakpoint-banner-text: 1rem;
  --size-small-breakpoint-banner-text: 1rem;
  --space-x-large-breakpoint-banner: 0.625rem;
  --space-x-medium-breakpoint-banner: 1.25rem;
  --space-x-small-breakpoint-banner: 1.25rem;
  --space-y-block-large-breakpoint-banner-text: 0;
  --space-y-block-medium-breakpoint-banner-text: 0.625rem;
  --space-y-block-small-breakpoint-banner-text: 0.625rem;
  --space-y-large-breakpoint-banner: 0.625rem;
  --space-y-medium-breakpoint-banner: 1.25rem;
  --space-y-small-breakpoint-banner: 1.25rem;

  /* button */

  --border-radius-button: 8px;
  --gap-button: 10px;
  --line-height-button-lg: 110%;
  --line-height-button-md: 110%;
  --line-height-button-sm: 110%;
  --size-large-breakpoint-button-lg: 1.125rem;
  --size-large-breakpoint-button-md: 1rem;
  --size-large-breakpoint-button-sm: 0.875rem;
  --size-medium-breakpoint-button-lg: 1.125rem;
  --size-medium-breakpoint-button-md: 1rem;
  --size-medium-breakpoint-button-sm: 0.875rem;
  --size-small-breakpoint-button-lg: 1rem;
  --size-small-breakpoint-button-md: 1rem;
  --size-small-breakpoint-button-sm: 0.875rem;
  --space-x-large-breakpoint-button-lg: 1.25rem;
  --space-x-large-breakpoint-button-md: 1.125rem;
  --space-x-large-breakpoint-button-sm: 1rem;
  --space-x-medium-breakpoint-button-lg: 1rem;
  --space-x-medium-breakpoint-button-md: 1.125rem;
  --space-x-medium-breakpoint-button-sm: 1rem;
  --space-x-small-breakpoint-button-lg: 1rem;
  --space-x-small-breakpoint-button-md: 1.125rem;
  --space-x-small-breakpoint-button-sm: 1rem;
  --space-y-large-breakpoint-button-lg: 1rem;
  --space-y-large-breakpoint-button-md: 0.75rem;
  --space-y-large-breakpoint-button-sm: 0.625rem;
  --space-y-medium-breakpoint-button-lg: 1rem;
  --space-y-medium-breakpoint-button-md: 0.75rem;
  --space-y-medium-breakpoint-button-sm: 0.625rem;
  --space-y-small-breakpoint-button-lg: 1rem;
  --space-y-small-breakpoint-button-md: 0.75rem;
  --space-y-small-breakpoint-button-sm: 0.625rem;
  --weight-button: var(--weight-bold);

  /* button-primary */

  --background-button-primary: var(--primary);
  --background-button-primary-disabled: var(--neutral-300);
  --background-button-primary-focus: var(--accent-700);
  --background-button-primary-hover: var(--accent-700);
  --border-color-button-primary: var(--transparent);
  --border-color-button-primary-focus: var(--accent-700);
  --border-color-button-primary-hover: var(--transparent);
  --border-width-button-primary: 1px;
  --color-button-primary: var(--white);
  --color-button-primary-hover: var(--white);

  /* button-secondary */

  --background-button-secondary: var(--white);
  --background-button-secondary-disabled: var(--neutral-300);
  --background-button-secondary-focus: var(--neutral-100);
  --background-button-secondary-hover: var(--neutral-100);
  --border-color-button-secondary: var(--neutral-300);
  --border-color-button-secondary-focus: var(--neutral-300);
  --border-color-button-secondary-hover: var(--neutral-300);
  --border-width-button-secondary: 1px;
  --color-button-secondary: var(--neutral-500);
  --color-button-secondary-hover: var(--neutral-500);

  /* container */

  --max-width-container-extralarge: 1280px;
  --max-width-container-extrasmall: 540px;
  --max-width-container-large: 1160px;
  --max-width-container-medium: 960px;
  --max-width-container-small: 720px;
  --space-x-large-breakpoint-container: 1.25rem;
  --space-x-medium-breakpoint-container: 1.5rem;
  --space-x-small-breakpoint-container: 0.875rem;

  /* content-section */

  --background-content-section: var(--white);
  --background-content-section-eyebrow: transparent;
  --border-color-content-section: transparent;
  --border-color-content-section-eyebrow: transparent;
  --border-radius-content-section: 0;
  --border-radius-content-section-eyebrow: 0;
  --border-radius-content-section-image: 20px;
  --border-width-content-section: 0;
  --border-width-content-section-eyebrow: 0;
  --button-size-content-section: medium;
  --color-content-section-eyebrow: var(--primary);
  --color-content-section-headline: var(--neutral-900);
  --color-content-section-text: var(--neutral-600);
  --column-gap-content-section: 80px;
  --horizontal-alignment-content-section: left;
  --line-height-large-breakpoint-content-section-eyebrow: 140%;
  --line-height-large-breakpoint-content-section-headline: 115%;
  --line-height-large-breakpoint-content-section-text: 168%;
  --line-height-medium-breakpoint-content-section-eyebrow: 140%;
  --line-height-medium-breakpoint-content-section-headline: 150%;
  --line-height-medium-breakpoint-content-section-text: 155%;
  --line-height-small-breakpoint-content-section-eyebrow: 140%;
  --line-height-small-breakpoint-content-section-headline: 127%;
  --line-height-small-breakpoint-content-section-text: 155%;
  --size-large-breakpoint-content-section-eyebrow: 1rem;
  --size-large-breakpoint-content-section-headline: 2.5rem;
  --size-large-breakpoint-content-section-text: 1.125rem;
  --size-medium-breakpoint-content-section-eyebrow: 1rem;
  --size-medium-breakpoint-content-section-headline: 2.25rem;
  --size-medium-breakpoint-content-section-text: 1.125rem;
  --size-small-breakpoint-content-section-eyebrow: 1rem;
  --size-small-breakpoint-content-section-headline: 1.875rem;
  --size-small-breakpoint-content-section-text: 1rem;
  --space-x-large-breakpoint-content-section: 0;
  --space-x-large-breakpoint-content-section-eyebrow: 0;
  --space-x-medium-breakpoint-content-section: 0;
  --space-x-medium-breakpoint-content-section-eyebrow: 0;
  --space-x-small-breakpoint-content-section: 0;
  --space-x-small-breakpoint-content-section-eyebrow: 0;
  --space-y-block-large-breakpoint-content-section-button: 2.1875rem;
  --space-y-block-large-breakpoint-content-section-eyebrow: 0.75rem;
  --space-y-block-large-breakpoint-content-section-headline: 1.5625rem;
  --space-y-block-large-breakpoint-content-section-image: 0;
  --space-y-block-medium-breakpoint-content-section-button: 2.1875rem;
  --space-y-block-medium-breakpoint-content-section-eyebrow: 0.625rem;
  --space-y-block-medium-breakpoint-content-section-headline: 0.9375rem;
  --space-y-block-medium-breakpoint-content-section-image: 2.1875rem;
  --space-y-block-small-breakpoint-content-section-button: 2.1875rem;
  --space-y-block-small-breakpoint-content-section-eyebrow: 0.625rem;
  --space-y-block-small-breakpoint-content-section-headline: 0.9375rem;
  --space-y-block-small-breakpoint-content-section-image: 2.1875rem;
  --space-y-large-breakpoint-content-section: 0;
  --space-y-large-breakpoint-content-section-eyebrow: 0.3125rem;
  --space-y-medium-breakpoint-content-section: 0;
  --space-y-medium-breakpoint-content-section-eyebrow: 0;
  --space-y-small-breakpoint-content-section: 0;
  --space-y-small-breakpoint-content-section-eyebrow: 0;
  --weight-content-section-eyebrow: var(--weight-bold);
  --weight-content-section-headline: var(--weight-bold);
  --weight-content-section-text: var(--weight-regular);

  /* feature */

  --background-feature: var(--white);
  --background-feature-icon: var(--white);
  --border-color-feature: transparent;
  --border-radius-feature: 0;
  --border-radius-feature-icon: 8px;
  --border-width-feature: 0;
  --color-feature-headline: var(--neutral-900);
  --color-feature-icon: var(--primary);
  --color-feature-paragraph: var(--neutral-600);
  --gap-feature-grid: 60px;
  --horizontal-alignment-feature-item: center;
  --line-height-large-breakpoint-feature-headline: 140%;
  --line-height-large-breakpoint-feature-paragraph: 150%;
  --line-height-medium-breakpoint-feature-headline: 140%;
  --line-height-medium-breakpoint-feature-paragraph: 150%;
  --line-height-small-breakpoint-feature-headline: 140%;
  --line-height-small-breakpoint-feature-paragraph: 150%;
  --size-feature-icon: 2.25rem;
  --size-large-breakpoint-feature-headline: 1.25rem;
  --size-large-breakpoint-feature-paragraph: 1rem;
  --size-medium-breakpoint-feature-headline: 1.25rem;
  --size-medium-breakpoint-feature-paragraph: 16px;
  --size-small-breakpoint-feature-headline: 1.25rem;
  --size-small-breakpoint-feature-paragraph: 16px;
  --space-x-large-breakpoint-feature: 0;
  --space-x-large-breakpoint-feature-icon: 0.75rem;
  --space-x-medium-breakpoint-feature: 0;
  --space-x-medium-breakpoint-feature-icon: 0.75rem;
  --space-x-small-breakpoint-feature: 0;
  --space-x-small-breakpoint-feature-icon: 0.75rem;
  --space-y-block-large-breakpoint-feature-grid-item: 0;
  --space-y-block-large-breakpoint-feature-headline: 0.5rem;
  --space-y-block-large-breakpoint-feature-icon: 0.9375rem;
  --space-y-block-medium-breakpoint-feature-grid-item: 0;
  --space-y-block-medium-breakpoint-feature-headline: 0.625rem;
  --space-y-block-medium-breakpoint-feature-icon: 0.9375rem;
  --space-y-block-small-breakpoint-feature-grid-item: 2.5rem;
  --space-y-block-small-breakpoint-feature-headline: 0.625rem;
  --space-y-block-small-breakpoint-feature-icon: 0.9375rem;
  --space-y-large-breakpoint-feature: 0;
  --space-y-large-breakpoint-feature-icon: 0.75rem;
  --space-y-medium-breakpoint-feature: 0;
  --space-y-medium-breakpoint-feature-icon: 0.75rem;
  --space-y-small-breakpoint-feature: 0;
  --space-y-small-breakpoint-feature-icon: 0.75rem;
  --weight-feature-headline: var(--weight-bold);
  --weight-feature-paragraph: var(--weight-regular);

  /* form */

  --border-color-form: var(--neutral-300);
  --border-color-form-error: var(--red-600);
  --border-color-form-focus: var(--accent-500);
  --border-radius-form: 8px;
  --border-width-form: 1px;
  --color-form-label: var(--neutral-900);
  --color-form-outline: var(--accent-200);
  --color-form-outline-error: var(--red-200);
  --color-message-error: var(--red-600);
  --column-gap-form-grid: 30px;
  --size-form-outline: 0.125rem;
  --size-large-breakpoint-form-element-label: 0.875rem;
  --size-large-breakpoint-message-error-icon: 0.625rem;
  --size-medium-breakpoint-form-element-label: 0.875rem;
  --size-medium-breakpoint-message-error-icon: 0.625rem;
  --size-small-breakpoint-form-element-label: 0.875rem;
  --size-small-breakpoint-message-error-icon: 0.625rem;
  --space-y-block-large-breakpoint-form-element: 2.1875rem;
  --space-y-block-large-breakpoint-form-element-label: 0.5rem;
  --space-y-block-medium-breakpoint-form-element: 2.1875rem;
  --space-y-block-medium-breakpoint-form-element-label: 0.5rem;
  --space-y-block-small-breakpoint-form-element: 2.1875rem;
  --space-y-block-small-breakpoint-form-element-label: 0.5rem;
  --weight-form-label: var(--weight-medium);

  /* form-checkbox */

  --color-checkbox-icon: var(--neutral-300);
  --color-checkbox-icon-checked: var(--primary);
  --color-checkbox-label: var(--neutral-700);
  --size-large-breakpoint-checkbox-icon: 1.0625rem;
  --size-large-breakpoint-checkbox-label: 1rem;
  --size-medium-breakpoint-checkbox-icon: 1.0625rem;
  --size-medium-breakpoint-checkbox-label: 1rem;
  --size-small-breakpoint-checkbox-icon: 1.0625rem;
  --size-small-breakpoint-checkbox-label: 1rem;
  --space-x-large-breakpoint-message-items: 0.625rem;
  --space-x-medium-breakpoint-message-items: 0.625rem;
  --space-x-small-breakpoint-message-items: 0.625rem;
  --space-y-block-large-breakpoint-checkbox: 0.3125rem;
  --space-y-block-medium-breakpoint-checkbox: 0.3125rem;
  --space-y-block-small-breakpoint-checkbox: 0.3125rem;
  --space-y-large-breakpoint-message-items: 0.625rem;
  --space-y-medium-breakpoint-message-items: 0.625rem;
  --space-y-small-breakpoint-message-items: 0.625rem;

  /* form-datepicker */

  --background-datepicker-calendar-day-active: var(--primary);
  --background-datepicker-calendar-day-hover: var(--primary);
  --color-datepicker-calendar-day: var(--neutral-700);
  --color-datepicker-calendar-day-active: var(--white);
  --color-datepicker-calendar-day-hover: var(--white);
  --color-datepicker-calendar-header-days: var(--neutral-500);
  --color-datepicker-month: var(--neutral-800);

  /* form-input */

  --background-form: var(--white);
  --color-form: var(--neutral-500);
  --color-form-element-icon: var(--primary);
  --color-form-error: var(--red-600);
  --color-form-placeholder: var(--neutral-500);
  --min-height-large-breakpoint-textarea: 250px;
  --min-height-medium-breakpoint-textarea: 250px;
  --min-height-small-breakpoint-textarea: 250px;
  --size-large-breakpoint-form: 1rem;
  --size-large-breakpoint-form-element-icon: 1.125rem;
  --size-medium-breakpoint-form: 1rem;
  --size-medium-breakpoint-form-element-icon: 1.125rem;
  --size-small-breakpoint-form: 1rem;
  --size-small-breakpoint-form-element-icon: 1.125rem;
  --space-x-large-breakpoint-form: 0.875rem;
  --space-x-medium-breakpoint-form: 0.875rem;
  --space-x-small-breakpoint-form: 0.875rem;
  --space-y-large-breakpoint-form: 0.875rem;
  --space-y-medium-breakpoint-form: 0.875rem;
  --space-y-small-breakpoint-form: 0.875rem;

  /* form-radio */

  --color-radio-icon: var(--neutral-300);
  --color-radio-icon-active: var(--primary);
  --color-radio-label: var(--neutral-700);
  --size-large-breakpoint-radio-icon: 1.0625rem;
  --size-large-breakpoint-radio-label: 1rem;
  --size-medium-breakpoint-radio-icon: 1.0625rem;
  --size-medium-breakpoint-radio-label: 1rem;
  --size-small-breakpoint-radio-icon: 1.0625rem;
  --size-small-breakpoint-radio-label: 1rem;
  --space-y-block-large-breakpoint-radio: 0.375rem;
  --space-y-block-medium-breakpoint-radio: 0.375rem;
  --space-y-block-small-breakpoint-radio: 0.375rem;

  /* form-select */

  --background-select-option-hover: var(--accent-50);
  --background-select-options: var(--white);
  --background-select-trigger: var(--white);
  --border-color-select-options: var(--neutral-300);
  --border-color-select-trigger: var(--neutral-300);
  --border-color-select-trigger-visible: var(--accent-500);
  --border-width-select-options: 1px;
  --border-width-select-trigger: 1px;
  --color-select-option: var(--neutral-600);
  --color-select-trigger: var(--neutral-600);
  --space-x-large-breakpoint-select: 0.9375rem;
  --space-x-large-breakpoint-select-option: 0.9375rem;
  --space-x-medium-breakpoint-select: 0.9375rem;
  --space-x-medium-breakpoint-select-option: 0.9375rem;
  --space-x-small-breakpoint-select: 0.9375rem;
  --space-x-small-breakpoint-select-option: 0.9375rem;
  --space-y-large-breakpoint-select: 0.875rem;
  --space-y-large-breakpoint-select-option: 0.875rem;
  --space-y-medium-breakpoint-select: 0.875rem;
  --space-y-medium-breakpoint-select-option: 0.875rem;
  --space-y-small-breakpoint-select: 0.875rem;
  --space-y-small-breakpoint-select-option: 0.875rem;

  /* hero */

  --background-hero: var(--white);
  --background-hero-eyebrow: transparent;
  --background-hero-eyebrow-link: var(--accent-100);
  --border-color-hero: var(--transparent);
  --border-color-hero-eyebrow: var(--neutral-300);
  --border-radius-hero: 0;
  --border-radius-hero-eyebrow: 25px;
  --border-width-hero: 0;
  --border-width-hero-eyebrow: 1px;
  --color-hero-eyebrow: var(--neutral-600);
  --color-hero-eyebrow-link: var(--primary);
  --color-hero-headline: var(--neutral-900);
  --color-hero-text: var(--neutral-600);
  --horizontal-alignment-hero: center;
  --line-height-large-breakpoint-hero-eyebrow: 140%;
  --line-height-large-breakpoint-hero-headline: 140%;
  --line-height-large-breakpoint-hero-text: 170%;
  --line-height-medium-breakpoint-hero-eyebrow: 140%;
  --line-height-medium-breakpoint-hero-headline: 125%;
  --line-height-medium-breakpoint-hero-text: 150%;
  --line-height-small-breakpoint-hero-eyebrow: 140%;
  --line-height-small-breakpoint-hero-headline: 125%;
  --line-height-small-breakpoint-hero-text: 155%;
  --min-height-large-breakpoint-hero: 580px;
  --min-height-medium-breakpoint-hero: 635px;
  --min-height-small-breakpoint-hero: 0;
  --size-large-breakpoint-hero-eyebrow: 0.875rem;
  --size-large-breakpoint-hero-headline: 3.75rem;
  --size-large-breakpoint-hero-text: 1.25rem;
  --size-medium-breakpoint-hero-eyebrow: 0.875rem;
  --size-medium-breakpoint-hero-headline: 3.75rem;
  --size-medium-breakpoint-hero-text: 1.25rem;
  --size-small-breakpoint-hero-eyebrow: 0.75rem;
  --size-small-breakpoint-hero-headline: 3.125rem;
  --size-small-breakpoint-hero-text: 1rem;
  --space-x-large-breakpoint-hero: 264px;
  --space-x-large-breakpoint-hero-eyebrow: 0.25rem;
  --space-x-large-breakpoint-hero-eyebrow-link: 0.75rem;
  --space-x-medium-breakpoint-hero: 4.375rem;
  --space-x-medium-breakpoint-hero-eyebrow: 0.25rem;
  --space-x-medium-breakpoint-hero-eyebrow-link: 0.75rem;
  --space-x-small-breakpoint-hero: 0rem;
  --space-x-small-breakpoint-hero-eyebrow: 0.25rem;
  --space-x-small-breakpoint-hero-eyebrow-link: 0.75rem;
  --space-y-block-large-breakpoint-hero-button: 2.1875rem;
  --space-y-block-large-breakpoint-hero-eyebrow: 0.625rem;
  --space-y-block-large-breakpoint-hero-text: 0.9375rem;
  --space-y-block-medium-breakpoint-hero-button: 2.1875rem;
  --space-y-block-medium-breakpoint-hero-eyebrow: 0.625rem;
  --space-y-block-medium-breakpoint-hero-text: 0.9375rem;
  --space-y-block-small-breakpoint-hero-button: 2.1875rem;
  --space-y-block-small-breakpoint-hero-eyebrow: 1.25rem;
  --space-y-block-small-breakpoint-hero-text: 0.9375rem;
  --space-y-large-breakpoint-hero: 0;
  --space-y-large-breakpoint-hero-eyebrow: 0.3125rem;
  --space-y-large-breakpoint-hero-eyebrow-link: 0.1875rem;
  --space-y-medium-breakpoint-hero: 0;
  --space-y-medium-breakpoint-hero-eyebrow: 0.3125rem;
  --space-y-medium-breakpoint-hero-eyebrow-link: 0.1875rem;
  --space-y-small-breakpoint-hero: 0;
  --space-y-small-breakpoint-hero-eyebrow: 0.3125rem;
  --space-y-small-breakpoint-hero-eyebrow-link: 0.1875rem;
  --weight-hero-eyebrow: var(--weight-medium);
  --weight-hero-headline: var(--weight-bold);
  --weight-hero-text: var(--weight-regular);

  /* metric */

  --background-metric: var(--image);
  --background-metric-item: #ffffff4d;
  --blur-metric-item: 12px;
  --border-color-metric: var(--transparent);
  --border-color-metric-item: #ffffff4d;
  --border-radius-metric: 4px;
  --border-radius-metric-item: 4px;
  --border-width-metric: 0;
  --border-width-metric-item: 1px;
  --color-metric-number: var(--white);
  --color-metric-supporting-text: var(--white);
  --color-metric-text: var(--white);
  --gap-metric-grid: 35px;
  --horizontal-alignment-metric-item: center;
  --line-height-large-breakpoint-metric-number: 125%;
  --line-height-large-breakpoint-metric-supporting-text: 150%;
  --line-height-large-breakpoint-metric-text: 150%;
  --line-height-medium-breakpoint-metric-number: 125%;
  --line-height-medium-breakpoint-metric-supporting-text: 150%;
  --line-height-medium-breakpoint-metric-text: 150%;
  --line-height-small-breakpoint-metric-number: 125%;
  --line-height-small-breakpoint-metric-supporting-text: 150%;
  --line-height-small-breakpoint-metric-text: 150%;
  --size-large-breakpoint-metric-number: 3.75rem;
  --size-large-breakpoint-metric-supporting-text: 1rem;
  --size-large-breakpoint-metric-text: 1.125rem;
  --size-medium-breakpoint-metric-number: 3.75rem;
  --size-medium-breakpoint-metric-supporting-text: 1rem;
  --size-medium-breakpoint-metric-text: 1.125rem;
  --size-small-breakpoint-metric-number: 48px;
  --size-small-breakpoint-metric-supporting-text: 1rem;
  --size-small-breakpoint-metric-text: 1.125rem;
  --space-x-large-breakpoint-metric: 3.75rem;
  --space-x-large-breakpoint-metric-item: 1.875rem;
  --space-x-medium-breakpoint-metric: 1.875rem;
  --space-x-medium-breakpoint-metric-item: 1.875rem;
  --space-x-small-breakpoint-metric: 1.875rem;
  --space-x-small-breakpoint-metric-item: 1.875rem;
  --space-y-block-large-breakpoint-metric-item: 0;
  --space-y-block-large-breakpoint-metric-number: 0.3125rem;
  --space-y-block-large-breakpoint-metric-text: 0.625rem;
  --space-y-block-medium-breakpoint-metric-item: 1.25rem;
  --space-y-block-medium-breakpoint-metric-number: 0.3125rem;
  --space-y-block-medium-breakpoint-metric-text: 0.625rem;
  --space-y-block-small-breakpoint-metric-item: 1.25rem;
  --space-y-block-small-breakpoint-metric-number: 0.3125rem;
  --space-y-block-small-breakpoint-metric-text: 0.625rem;
  --space-y-large-breakpoint-metric: 3.75rem;
  --space-y-large-breakpoint-metric-item: 2.5rem;
  --space-y-medium-breakpoint-metric: 3.75rem;
  --space-y-medium-breakpoint-metric-item: 2.5rem;
  --space-y-small-breakpoint-metric: 3.75rem;
  --space-y-small-breakpoint-metric-item: 2.5rem;
  --weight-metric-number: var(--weight-bold);
  --weight-metric-supporting-text: var(--weight-regular);
  --weight-metric-text: var(--weight-bold);

  /* modal */

  --background-modal-backdrop: var(--accent-50);
  --background-modal-body: var(--white);
  --border-color-modal-body: var(--accent-200);
  --border-radius-modal-body: 8px;
  --border-width-large-breakpoint-modal-body: 1px;
  --border-width-medium-breakpoint-modal-body: 1px;
  --border-width-small-breakpoint-modal-body: 0;
  --color-modal-body: var(--neutral-600);
  --color-modal-close: var(--neutral-500);
  --color-modal-shadow: var(--accent-200);
  --color-modal-title: var(--neutral-900);
  --line-height-large-breakpoint-modal-body: 155%;
  --line-height-medium-breakpoint-modal-body: 155%;
  --line-height-small-breakpoint-modal-body: 155%;
  --max-width-large-breakpoint-modal-body: 544px;
  --max-width-medium-breakpoint-modal-body: 450px;
  --max-width-small-breakpoint-modal-body: 100%;
  --size-large-breakpoint-modal-body: 1rem;
  --size-large-breakpoint-modal-title: 1.5625rem;
  --size-medium-breakpoint-modal-body: 1rem;
  --size-medium-breakpoint-modal-title: 1.5625rem;
  --size-modal-close: 0.8125rem;
  --size-modal-shadow: 1.875rem;
  --size-small-breakpoint-modal-body: 1rem;
  --size-small-breakpoint-modal-title: 1.5625rem;
  --space-x-large-breakpoint-modal: 1.875rem;
  --space-x-medium-breakpoint-modal: 1.875rem;
  --space-x-small-breakpoint-modal: 1.25rem;
  --space-y-block-large-breakpoint-modal-header: 1.875rem;
  --space-y-block-medium-breakpoint-modal-header: 1.875rem;
  --space-y-block-small-breakpoint-modal-header: 1.875rem;
  --space-y-large-breakpoint-modal: 1.875rem;
  --space-y-medium-breakpoint-modal: 1.875rem;
  --space-y-small-breakpoint-modal: 1.25rem;
  --weight-modal-body: var(--weight-regular);
  --weight-modal-title: var(--weight-bold);

  /* navbar */

  --background-navbar: var(--white);
  --background-navbar-link: var(--white);
  --background-navbar-link-hover: var(--white);
  --border-color-navbar: var(--white);
  --border-color-navbar-aside: var(--neutral-200);
  --border-radius-navbar: 0;
  --border-width-navbar: 0;
  --border-width-navbar-aside: 1px;
  --color-navbar-link: var(--neutral-900);
  --color-navbar-link-hover: var(--neutral-900);
  --color-small-breakpoint-navbar-burger-icon: var(--neutral-900);
  --column-gap-navbar: 0;
  --column-gap-navbar-nav: 45px;
  --size-large-breakpoint-navbar-brand: 9.6875rem;
  --size-large-breakpoint-navbar-link: 1rem;
  --size-medium-breakpoint-navbar-brand: 8.75rem;
  --size-medium-breakpoint-navbar-link: 1rem;
  --size-small-breakpoint-navbar-brand: 8.75rem;
  --size-small-breakpoint-navbar-burger-icon: 1.375rem;
  --size-small-breakpoint-navbar-link: 1rem;
  --space-x-large-breakpoint-navbar: 0;
  --space-x-large-breakpoint-navbar-aside-button: 0.875rem;
  --space-x-large-breakpoint-navbar-link: 0;
  --space-x-medium-breakpoint-navbar: 0;
  --space-x-medium-breakpoint-navbar-aside-button: 0.875rem;
  --space-x-medium-breakpoint-navbar-link: 0;
  --space-x-small-breakpoint-navbar: 0;
  --space-x-small-breakpoint-navbar-aside-button: 0.875rem;
  --space-x-small-breakpoint-navbar-link: 0;
  --space-y-block-medium-breakpoint-navbar-brand: 2.5rem;
  --space-y-block-medium-breakpoint-navbar-nav-item: 1.875rem;
  --space-y-block-small-breakpoint-navbar-brand: 2.5rem;
  --space-y-block-small-breakpoint-navbar-nav-item: 1.875rem;
  --space-y-large-breakpoint-navbar: 0;
  --space-y-large-breakpoint-navbar-aside: 0;
  --space-y-large-breakpoint-navbar-aside-button: 0.625rem;
  --space-y-large-breakpoint-navbar-link: 0;
  --space-y-medium-breakpoint-navbar: 0;
  --space-y-medium-breakpoint-navbar-aside: 1.25rem;
  --space-y-medium-breakpoint-navbar-aside-button: 0.625rem;
  --space-y-medium-breakpoint-navbar-link: 0;
  --space-y-small-breakpoint-navbar: 0;
  --space-y-small-breakpoint-navbar-aside: 1.25rem;
  --space-y-small-breakpoint-navbar-aside-button: 0.625rem;
  --space-y-small-breakpoint-navbar-link: 0;
  --weight-navbar-link: var(--weight-bold);

  /* navbar-flyout */

  --background-navbar-flyout: var(--white);
  --background-navbar-flyout-icon: var(--transparent);
  --background-navbar-flyout-item: var(--white);
  --background-navbar-flyout-item-hover: var(--neutral-50);
  --border-color-navbar-flyout: var(--neutral-200);
  --border-radius-navbar-flyout: 12px;
  --border-width-navbar-flyout: 1px;
  --color-navbar-flyout-icon: var(--primary);
  --color-navbar-flyout-paragraph: var(--neutral-600);
  --color-navbar-flyout-shadow: var(--neutral-300);
  --color-navbar-flyout-title: var(--neutral-900);
  --color-navbar-flyout-toggle-icon: var(--neutral-900);
  --column-gap-large-breakpoint-navbar-flyout-item: 15px;
  --column-gap-medium-breakpoint-navbar-flyout-item: 15px;
  --column-gap-small-breakpoint-navbar-flyout-item: 15px;
  --size-large-breakpoint-navbar-flyout-icon: 1.375rem;
  --size-large-breakpoint-navbar-flyout-paragraph: 0.875rem;
  --size-large-breakpoint-navbar-flyout-title: 1rem;
  --size-medium-breakpoint-navbar-flyout-icon: 1.375rem;
  --size-medium-breakpoint-navbar-flyout-paragraph: 0.875rem;
  --size-medium-breakpoint-navbar-flyout-title: 1rem;
  --size-navbar-flyout-shadow: 0.5rem;
  --size-navbar-flyout-toggle-icon: 0.875rem;
  --size-small-breakpoint-navbar-flyout-icon: 1.375rem;
  --size-small-breakpoint-navbar-flyout-paragraph: 0.875rem;
  --size-small-breakpoint-navbar-flyout-title: 1rem;
  --space-x-large-breakpoint-navbar-flyout: 1.25rem;
  --space-x-large-breakpoint-navbar-flyout-item: 0.9375rem;
  --space-x-medium-breakpoint-navbar-flyout: 0.9375rem;
  --space-x-medium-breakpoint-navbar-flyout-item: 0.9375rem;
  --space-x-small-breakpoint-navbar-flyout: 0.3125rem;
  --space-x-small-breakpoint-navbar-flyout-item: 0.9375rem;
  --space-y-block-large-breakpoint-navbar-flyout-item: 0.9375rem;
  --space-y-block-large-breakpoint-navbar-flyout-title: 0.3125rem;
  --space-y-block-large-breakpoint-navbar-nav-flyout: 0.5rem;
  --space-y-block-medium-breakpoint-navbar-flyout-item: 0.9375rem;
  --space-y-block-medium-breakpoint-navbar-flyout-title: 0.3125rem;
  --space-y-block-medium-breakpoint-navbar-nav-flyout: 1.5625rem;
  --space-y-block-small-breakpoint-navbar-flyout-item: 0.9375rem;
  --space-y-block-small-breakpoint-navbar-flyout-title: 0.3125rem;
  --space-y-block-small-breakpoint-navbar-nav-flyout: 1.5625rem;
  --space-y-large-breakpoint-navbar-flyout: 1.25rem;
  --space-y-large-breakpoint-navbar-flyout-item: 0.625rem;
  --space-y-medium-breakpoint-navbar-flyout: 0.9375rem;
  --space-y-medium-breakpoint-navbar-flyout-item: 0.625rem;
  --space-y-small-breakpoint-navbar-flyout: 0.3125rem;
  --space-y-small-breakpoint-navbar-flyout-item: 0.9375rem;
  --weight-navbar-flyout-paragraph: var(--weight-regular);
  --weight-navbar-flyout-title: var(--weight-bold);

  /* pricing-section */

  --background-pricing: var(--white);
  --background-pricing-features-icon-background: var(--green-100);
  --border-color-pricing: var(--neutral-200);
  --border-radius-pricing: 16px;
  --border-radius-pricing-features-icon-background: 15px;
  --border-width-pricing: 1px;
  --color-pricing-description: var(--neutral-600);
  --color-pricing-features: var(--neutral-900);
  --color-pricing-features-icon: var(--green-600);
  --color-pricing-item-shadow: var(--neutral-200);
  --color-pricing-price: var(--neutral-900);
  --color-pricing-title: var(--neutral-900);
  --gap-pricing-features: 12px;
  --gap-pricing-grid: 30px;
  --horizontal-alignment-pricing-item: center;
  --line-height-large-breakpoint-pricing-description: 150%;
  --line-height-large-breakpoint-pricing-features: 150%;
  --line-height-large-breakpoint-pricing-price: 125%;
  --line-height-large-breakpoint-pricing-title: 150%;
  --line-height-medium-breakpoint-pricing-description: 150%;
  --line-height-medium-breakpoint-pricing-features: 150%;
  --line-height-medium-breakpoint-pricing-price: 125%;
  --line-height-medium-breakpoint-pricing-title: 150%;
  --line-height-small-breakpoint-pricing-description: 150%;
  --line-height-small-breakpoint-pricing-features: 150%;
  --line-height-small-breakpoint-pricing-price: 125%;
  --line-height-small-breakpoint-pricing-title: 150%;
  --size-large-breakpoint-pricing-description: 1rem;
  --size-large-breakpoint-pricing-features: 1rem;
  --size-large-breakpoint-pricing-features-icon: 0.8125rem;
  --size-large-breakpoint-pricing-price: 3rem;
  --size-large-breakpoint-pricing-title: 1.25rem;
  --size-medium-breakpoint-pricing-description: 1rem;
  --size-medium-breakpoint-pricing-features: 1rem;
  --size-medium-breakpoint-pricing-features-icon: 0.8125rem;
  --size-medium-breakpoint-pricing-price: 3rem;
  --size-medium-breakpoint-pricing-title: 1.25rem;
  --size-pricing-features-icon-background: 1.5rem;
  --size-pricing-item-shadow: 1rem;
  --size-small-breakpoint-pricing-description: 1rem;
  --size-small-breakpoint-pricing-features: 1rem;
  --size-small-breakpoint-pricing-features-icon: 0.8125rem;
  --size-small-breakpoint-pricing-price: 3rem;
  --size-small-breakpoint-pricing-title: 1.25rem;
  --space-x-large-breakpoint-pricing: 2rem;
  --space-x-medium-breakpoint-pricing: 2rem;
  --space-x-small-breakpoint-pricing: 2rem;
  --space-y-block-large-breakpoint-pricing-button: 1.5625rem;
  --space-y-block-large-breakpoint-pricing-description: 1.5625rem;
  --space-y-block-large-breakpoint-pricing-features: 0.625rem;
  --space-y-block-large-breakpoint-pricing-item: 0;
  --space-y-block-large-breakpoint-pricing-price: 1rem;
  --space-y-block-large-breakpoint-pricing-title: 0.3125rem;
  --space-y-block-medium-breakpoint-pricing-button: 1.5625rem;
  --space-y-block-medium-breakpoint-pricing-description: 1.5625rem;
  --space-y-block-medium-breakpoint-pricing-features: 0.625rem;
  --space-y-block-medium-breakpoint-pricing-item: 3.125rem;
  --space-y-block-medium-breakpoint-pricing-price: 1rem;
  --space-y-block-medium-breakpoint-pricing-title: 0.3125rem;
  --space-y-block-small-breakpoint-pricing-button: 1.5625rem;
  --space-y-block-small-breakpoint-pricing-description: 1.5625rem;
  --space-y-block-small-breakpoint-pricing-features: 0.625rem;
  --space-y-block-small-breakpoint-pricing-item: 3.125rem;
  --space-y-block-small-breakpoint-pricing-price: 1rem;
  --space-y-block-small-breakpoint-pricing-title: 0.3125rem;
  --space-y-large-breakpoint-pricing: 2.5rem;
  --space-y-medium-breakpoint-pricing: 2.5rem;
  --space-y-small-breakpoint-pricing: 2.5rem;
  --weight-pricing-description: var(--weight-regular);
  --weight-pricing-features: var(--weight-regular);
  --weight-pricing-price: var(--weight-bold);
  --weight-pricing-title: var(--weight-bold);

  /* team-section */

  --background-team-section-item: var(--white);
  --border-color-team-section-item: var(--white);
  --border-radius-team-section-image: 200px;
  --border-radius-team-section-item: 0;
  --border-width-team-section-item: 0;
  --color-team-section-function: var(--primary);
  --color-team-section-name: var(--neutral-900);
  --gap-team-section-grid: 50px;
  --horizontal-alignment-team-section-item: center;
  --line-height-large-breakpoint-team-section-function: 150%;
  --line-height-large-breakpoint-team-section-name: 150%;
  --line-height-medium-breakpoint-team-section-function: 150%;
  --line-height-medium-breakpoint-team-section-name: 150%;
  --line-height-small-breakpoint-team-section-function: 150%;
  --line-height-small-breakpoint-team-section-name: 150%;
  --size-large-breakpoint-team-section-function: 1rem;
  --size-large-breakpoint-team-section-image: 6rem;
  --size-large-breakpoint-team-section-name: 1.125rem;
  --size-medium-breakpoint-team-section-function: 1rem;
  --size-medium-breakpoint-team-section-image: 6rem;
  --size-medium-breakpoint-team-section-name: 1.125rem;
  --size-small-breakpoint-team-section-function: 1rem;
  --size-small-breakpoint-team-section-image: 6rem;
  --size-small-breakpoint-team-section-name: 1.125rem;
  --space-x-large-breakpoint-team-section-item: 0;
  --space-x-medium-breakpoint-team-section-item: 0;
  --space-x-small-breakpoint-team-section-item: 0;
  --space-y-block-large-breakpoint-team-section-image: 1.5625rem;
  --space-y-block-large-breakpoint-team-section-item: 0;
  --space-y-block-large-breakpoint-team-section-name: 0;
  --space-y-block-medium-breakpoint-team-section-image: 1.5625rem;
  --space-y-block-medium-breakpoint-team-section-item: 1.875rem;
  --space-y-block-medium-breakpoint-team-section-name: 0;
  --space-y-block-small-breakpoint-team-section-image: 1.5625rem;
  --space-y-block-small-breakpoint-team-section-item: 1.875rem;
  --space-y-block-small-breakpoint-team-section-name: 0;
  --space-y-large-breakpoint-team-section-item: 0;
  --space-y-medium-breakpoint-team-section-item: 0;
  --space-y-small-breakpoint-team-section-item: 0;
  --weight-team-section-function: var(--weight-regular);
  --weight-team-section-name: var(--weight-bold);

  /* testimonial */

  --background-testimonial: var(--accent-50);
  --border-color-testimonial: var(--accent-100);
  --border-radius-testimonial: 8px;
  --border-radius-testimonial-image: 200px;
  --border-width-testimonial: 1px;
  --color-testimonial-function: var(--neutral-900);
  --color-testimonial-name: var(--neutral-900);
  --color-testimonial-text: var(--neutral-900);
  --horizontal-alignment-testimonial: center;
  --line-height-large-breakpoint-testimonial-function: 150%;
  --line-height-large-breakpoint-testimonial-name: 150%;
  --line-height-large-breakpoint-testimonial-text: 125%;
  --line-height-medium-breakpoint-testimonial-function: 150%;
  --line-height-medium-breakpoint-testimonial-name: 150%;
  --line-height-medium-breakpoint-testimonial-text: 125%;
  --line-height-small-breakpoint-testimonial-function: 150%;
  --line-height-small-breakpoint-testimonial-name: 150%;
  --line-height-small-breakpoint-testimonial-text: 125%;
  --size-large-breakpoint-testimonial-function: 1rem;
  --size-large-breakpoint-testimonial-image: 4rem;
  --size-large-breakpoint-testimonial-logo: 8.75rem;
  --size-large-breakpoint-testimonial-name: 1.125rem;
  --size-large-breakpoint-testimonial-text: 2.5rem;
  --size-medium-breakpoint-testimonial-function: 1rem;
  --size-medium-breakpoint-testimonial-image: 4rem;
  --size-medium-breakpoint-testimonial-logo: 8.75rem;
  --size-medium-breakpoint-testimonial-name: 1.125rem;
  --size-medium-breakpoint-testimonial-text: 1.875rem;
  --size-small-breakpoint-testimonial-function: 1rem;
  --size-small-breakpoint-testimonial-image: 4rem;
  --size-small-breakpoint-testimonial-logo: 8.75rem;
  --size-small-breakpoint-testimonial-name: 1.125rem;
  --size-small-breakpoint-testimonial-text: 1.875rem;
  --space-x-large-breakpoint-testimonial: 7.8125rem;
  --space-x-medium-breakpoint-testimonial: 1.875rem;
  --space-x-small-breakpoint-testimonial: 1.875rem;
  --space-y-block-large-breakpoint-testimonial-image: 0.9375rem;
  --space-y-block-large-breakpoint-testimonial-logo: 1.5625rem;
  --space-y-block-large-breakpoint-testimonial-name: 0;
  --space-y-block-large-breakpoint-testimonial-text: 1.875rem;
  --space-y-block-medium-breakpoint-testimonial-image: 0.9375rem;
  --space-y-block-medium-breakpoint-testimonial-logo: 1.5625rem;
  --space-y-block-medium-breakpoint-testimonial-name: 0;
  --space-y-block-medium-breakpoint-testimonial-text: 1.875rem;
  --space-y-block-small-breakpoint-testimonial-image: 0.9375rem;
  --space-y-block-small-breakpoint-testimonial-logo: 1.5625rem;
  --space-y-block-small-breakpoint-testimonial-name: 0;
  --space-y-block-small-breakpoint-testimonial-text: 1.875rem;
  --space-y-large-breakpoint-testimonial: 5rem;
  --space-y-medium-breakpoint-testimonial: 3.75rem;
  --space-y-small-breakpoint-testimonial: 3.75rem;
  --weight-testimonial-function: var(--weight-regular);
  --weight-testimonial-name: var(--weight-bold);
  --weight-testimonial-text: var(--weight-medium);

  --background-footer: var(--white);
  --border-color-footer: var(--white);
  --border-color-footer-legal: var(--neutral-200);
  --border-radius-footer: 0;
  --border-width-footer: 0;
  --border-width-footer-legal: 1px;
  --color-footer-legal: var(--neutral-500);
  --color-footer-links: var(--neutral-500);
  --color-footer-nav: var(--neutral-600);
  --column-gap-footer-links: 15px;
  --column-gap-footer-nav: 48px;
  --horizontal-alignment-footer-brand: center;
  --horizontal-alignment-footer-nav: center;
  --size-large-breakpoint-footer-brand: 7.5rem;
  --size-large-breakpoint-footer-legal: 1rem;
  --size-medium-breakpoint-footer-brand: 7.5rem;
  --size-medium-breakpoint-footer-legal: 1rem;
  --size-small-breakpoint-footer-brand: 7.5rem;
  --size-small-breakpoint-footer-legal: 1rem;
  --space-y-block-large-breakpoint-footer-brand: 1.5625rem;
  --space-y-block-large-breakpoint-footer-legal: 4rem;
  --space-y-block-large-breakpoint-footer-nav-item: 0;
  --space-y-block-medium-breakpoint-footer-brand: 2.1875rem;
  --space-y-block-medium-breakpoint-footer-legal: 2.1875rem;
  --space-y-block-medium-breakpoint-footer-nav-item: 1.5625rem;
  --space-y-block-small-breakpoint-footer-brand: 2.1875rem;
  --space-y-block-small-breakpoint-footer-legal: 2.1875rem;
  --space-y-block-small-breakpoint-footer-nav-item: 1.5625rem;
  --space-y-large-breakpoint-footer-legal: 2rem;
  --space-y-medium-breakpoint-footer-legal: 2rem;
  --space-y-small-breakpoint-footer-legal: 2rem;
  --weight-footer-nav: var(--weight-bold);

  /* typography */

  --font-text: Inter;
  --weight-bold: 600;
  --weight-extrabold: 700;
  --weight-medium: 500;
  --weight-regular: 400;
}