: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;

  --text-image-with-badge-background-full-width-mobile: inherit;
  --text-image-with-badge-background-full-width-desktop: inherit;
  --text-image-with-badge-background-mobile: #fff3dd;
  --text-image-with-badge-background-desktop: #fff3dd;
  --text-image-with-badge-padding-mobile: 40px 24px;
  --text-image-with-badge-padding-desktop: 60px 40px;
  --text-image-with-badge-background-badge-mobile: var(--color-inverse);
  --text-image-with-badge-background-badge-desktop: var(--color-inverse);
  --text-image-with-badge-image-border-radius: 8px;
  --text-image-with-badge-title-font-size-mobile: 28px;
  --text-image-with-badge-title-font-weight-mobile: 600;
  --text-image-with-badge-title-font-size-desktop: 36px;
  --text-image-with-badge-title-font-weight-desktop: 600;
  --text-image-with-badge-badge-title-font-size-mobile: 12px;
  --text-image-with-badge-badge-title-font-weight-mobile: 400;
  --text-image-with-badge-badge-content-font-size-mobile: 20px;
  --text-image-with-badge-badge-content-font-weight-mobile: 600;
  --text-image-with-badge-badge-title-font-size-desktop: 14px;
  --text-image-with-badge-badge-title-font-weight-desktop: 500;
  --text-image-with-badge-badge-content-font-size-desktop: 24px;
  --text-image-with-badge-badge-content-font-weight-desktop: 500;

  --video-widget-title-font-size-mobile: 28px;
  --video-widget-title-font-weight-mobile: 600;
  --video-widget-title-font-size-desktop: 36px;
  --video-widget-title-font-weight-desktop: 600;

  --faq-with-title-title-font-size-mobile: 28px;
  --faq-with-title-title-font-size-desktop: 36px;
}