:root {
  --typography-font-family: 'DM Sans';

  --color-blue-800: #303c69;
  --color-blue-900: #0e1a46;
  --color-black-500: #434343;
  --color-red-100: #fbd4d1;
  --color-red-300: #ff7c74;
  --color-red-400: #ea655d;
  --color-red-500: #e51111;
  --color-gray-600: #d9d8d8;
  --color-gray-400: #cdcdcd;
  --color-brown-300: #fadb36;
  --color-green-400: #61ad55;
  --color-mint-400: #20b3a2;

  --color-primary: var(--color-blue-800);
  --color-primary-alternative: var(--color-blue-900);
  --listing-value-font-color: var(--color-primary-alternative);
  --color-secondary: var(--color-black-400);
  --color-stroke: var(--color-gray-600);
  --color-stroke-light: var(--color-gray-500);
  --color-red: var(--color-red-200);
  --color-danger: var(--color-red-500);
  --color-warning: var(--color-mango-500);
  --color-success: var(--color-mint-400);
  --color-text-success: var(--color-green-400);
  --color-fullscreen-gallery: var(--color-black-800);
  --disabled-color: var(--color-gray-700);
  --filter-trigger-border-color: var(--color-gray-400);
  --rating-star-color: var(--color-brown-300);
  --number-field-background-color: var(--color-gray-50);
  --price-discount-text-color: var(--color-red-400);
  --price-color: var(--color-default);
  --header-offer-title-color: var(--color-default);

  --border-radius-base: var(--border-radius-16);

  --input-gap: var(--spacing-20);
  --button-variant-secondary-bg-color: var(--color-red-300);
  --button-variant-secondary-bg-color-hover: var(--color-red-400);
  --form-radio-border-color: var(--color-gray-500);
  --offer-item-price-separator-bg-color: var(--color-gray-500);
  --destination-link-color: var(--color-default);
  --booking-wizard-margin-bottom-mobile: var(--spacing-30);
  --modal-border-radius: var(--border-radius-base);
  --button-radius: var(--border-radius-base);
  --input-height: var(--size-45);
  --max-view-width: var(--size-1188);
  --button-variant-outlined-border-width: var(--size-1);

  --dropdown-max-height: var(--size-460);
  --listing-mobile-offer-title-line-clamp: 1;
}

@media (min-width: 1200px) {
  .theme--um24 .container-xl,
  .theme--um24 .container-lg,
  .theme--um24 .container-md,
  .theme--um24 .container-sm,
  .theme--um24 .container {
    max-width: var(--max-view-width);
  }
}