:root {
  --color-mango-500: #faa904;
  --color-mango-600: #ef9816;
  --color-black-500: #121212;
  --color-blue-800: #13305b;
  --color-teal-600: #2d7da0;
  --color-red-700: #ba2d0d;

  --color-primary: var(--color-mango-500);
  --color-primary-alternative: var(--color-mango-600);

  --typography-font-weight-semi-bold-overwrite: var(--font-weight-500);
  --typography-font-weight-bold-overwrite: var(--font-weight-700);

  --mixin-box-white-border-width: var(--size-0);
  --mixin-box-white-border-radius: var(--border-radius-base);
  --mixin-box-white-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  --mixin-rounded-button-border-radius: var(--border-radius-5);

  /* NOT FOR EVERY THEME */
  --button-link-font-weight: var(--typography-font-weight-semi-bold-overwrite);
  --form-text-field-label-color: var(--color-black-500);
  --booking-flat-services-title-margin-bottom: var(--spacing-16);
  --booking-flat-services-list-font-size: var(--font-size-14);
  --booking-wizard-margin-top: var(--spacing-35);
  --booking-wizard-margin-bottom: var(--spacing-35);
  --booking-form-narrower-container: var(--size-290);
  --badge-primary-background: var(--color-blue-800);
  --badge-secondary-background: var(--color-red-700);

  /* @note: set padding only because of box shadow set to each tile */
  --recently-viewed-products-padding: var(--spacing-5) var(--spacing-0) var(--spacing-15);
  --recently-viewed-min-height: var(--size-180);
  --recently-viewed-max-width: var(--size-400);

  --recommended-offers-background-color: transparent;

  --footer-social-media-list-gap: var(--spacing-20);
  --footer-social-media-list-item-width: var(--size-20);
  --footer-social-media-list-item-height: var(--size-20);
  --footer-payment-list-gap: var(--spacing-12);
  --footer-payment-list-item-width: var(--size-47);
  --footer-payment-list-item-height: var(--size-30);

  --button-link-secondary-color: var(--color-blue-800);
  --button-link-secondary-hover-color: var(--color-blue-500);
  --listing-mobile-offer-title-line-clamp: 1;
}