:root {
  /* COLORS DECLARATION: */
  --primary-color: #468FD6;
  --primary-color-rgb: 70, 143, 214;
  --primary-color-70: rgba(var(--primary-color-rgb), 0.7);
  --secondary-color: var(--gray);
  --main-color: var(--black);

  /* COMPONENTS: */
  --submenu-item-background: #809DB9;
  --button-background: var(--primary-color);
  --footer-background: #0A2739;
  --hero-search-button-background: var(--primary-color);
  --hero-search-button-color: var(--white);
  --hero-background-color: var(--black);
  --content-component-subheader-color: var(--primary-color);
  --content-component-header-color: #0A2739;
  --action-callout-background-color: #468fd6;
  --content-block-subheader-color: var(--primary-color);
  --content-block-header-color: #0A2739;
  --brand-card-background-color: rgba(70, 143, 214, 0.5); /*#468FD6 50%*/
  --text-card-background-color: #F0EFEF;
  --text-card-item-hover-background-color: rgba(70, 143, 214, 0.8); /*#468FD6 80%*/
  --search-result-card-label-background-color: #0A2739;
  --unit-detail-tabs-description-background-color: var(--white);
  --tooltip-content-background-color: #C7E2EF;
  --banner-background-color: #C7E2EF;
  --banner-header-color: var(--white);
  --form-input-border: #809DB9;
  --unitcard-virtual-tour-label-color: #0A2739;
  --hero-bottom-line-background:  var(--primary-color);
  --action-callout-title-color: var(--main-color);
  --search-panel-mobile-version-title-color: var(--primary-color);
  --search-panel-mobile-version-button-color: var(--primary-color);
  --header-background-color: rgba(var(--primary-color-rgb), 0.7);
  --image-video-carousel-overlay-color: var(--black);
  --search-filter-panel-unit-count-color: var(--primary-color);
  --unit-overlay-floorplan-background-color: none;

  /*osano*/
  --osano-cm-toggle: var(--submenu-item-background);
  --osano-cm-toggle-checked: var(--button-background);

  /* Static Cards Component */
  --static-card-header-color: var(--primary-color);
  --static-card-body-color: var(--black);
  --static-card-background-color: var(--grey);

  /* Tabs Component */
  --tabs-component-background-color: var(--secondary-color);
  --tabs-component-icon-color: var(--primary-color);
  --tabs-component-icon-background-color: var(--white);
  --tabs-component-active-icon-color: var(--secondary-color);
  --tabs-component-active-icon-background-color: var(--primary-color, var(--white));
  --tabs-component-header-main-color: var(--primary-color, var(--white));
  --tabs-component-header-secondary-color: var(--black);
  --tabs-component-text-color: var(--black);

  /* Table Component */
  --table-component-background-color: var(--gray);
    --table-component-icon-color: var(--gray);
    --table-component-icon-background-color: var(--primary-color);
    --table-component-header-color: var(--primary-color);
    --table-component-text-color: var(--black);

  /* Cards Component */
  --cards-component-header-color: var(--primary-color);
  --cards-component-text-color: var(--black);
  --cards-component-card-border-color: var(--primary-color);
  --cards-component-default-background-color: var(--gray);

  --burger-background: var(--primary-color);
  --burger-main-items-font-size: 20px;
  --burger-main-items-letter-spacing: 2px;
  --burger-additional-items-font-size: 18px;
  --burger-additional-items-letter-spacing: 2px;
  --burger-book-a-tour-font-size : 12px;

  /* textInput, maskedText */
  --text-input-label-color: var(--maastricht-blue);
  --text-input-description-color: var(--maastricht-blue);
  --text-input-color: var(--maastricht-blue);
  --text-input-placeholder-color: var(--dim-gray);

  --footer-logo-height: 5rem;
  --header-logo-height: 5rem;
  --mobile-menu-header-logo-height: 5rem;
  --mobile-menu-header-logo-height-for-mobile: 5rem;
  --title-header-font-size: 8rem;
  --header-submenu-font-size: 1.5rem;

  /* FONTS DECLARATION: */
  --primary-font-family: var(--font-family-lato);
  --secondary-font-family: var(--font-family-lato) !important;

  /* Components fonts */
  --header-links-font: var(--secondary-font-family);
  --mobile-menu-font: var(--secondary-font-family);
  --mobile-menu-submenu-font: var(--primary-font-family);
  --button-font: var(--secondary-font-family);
  --hero-subtitle-font: var(--secondary-font-family);
  --hero-title-font: var(--secondary-font-family);
  --content-component-header-font: var(--secondary-font-family);
  --content-component-subheader-font: var(--secondary-font-family);
  --content-component-description-font: var(--primary-font-family);
  --content-block-component-subheader-font: var(--secondary-font-family);
  --content-block-component-header-font: var(--secondary-font-family);
  --content-block-component-description-font: var(--primary-font-family);
  --footer-address-font: var(--primary-font-family);
  --footer-links-font: var(--secondary-font-family);
  --footer-copyright-font: var(--secondary-font-family);
  --minimized-hero-component-overlay-title: var(--secondary-font-family);
  --unit-card-details-font: var(--primary-font-family);
  --title-font-header: var(--secondary-font-family);
  --title-font-sub-header: var(--secondary-font-family);
  --header-submenu-font: var(--primary-font-family);
  --text-card-subheader-font: var(--secondary-font-family);
  --text-card-header-font: var(--secondary-font-family);
  --search-filter-panel-title-font: var(--secondary-font-family);
  --search-filter-panel-available-font: var(--secondary-font-family);
  --similar-apartments-header-font: var(--secondary-font-family);
  --similar-apartments-subhead-font: var(--secondary-font-family);
  --unit-details-desc-label-font: var(--secondary-font-family);
  --unit-details-menu-font: var(--secondary-font-family);
  --unit-details-about-font: var(--secondary-font-family);
  --compare-bar-actions-font: var(--secondary-font-family);
  --compare-label-font: var(--secondary-font-family);
  --banner-header-font: var(--secondary-font-family);
  --hero-bedroom-filter-font: var(--button-font);
  --unit-comparer-mobile-container-font: var(--secondary-font-family);
  --interactive-map-tabs-font: var(--secondary-font-family);
  --static-card-header-font: var(--secondary-font-family);
  --tabs-component-header-font: var(--secondary-font-family);
  --tabs-component-body-font: var(--primary-font-family);
  --table-component-header-font: var(--secondary-font-family);
  --table-component-body-font: var(--primary-font-family);
  --cards-component-header-font: var(--secondary-font-family);
  --cards-component-body-font: var(--primary-font-family);

  --header-menu-font-size: var(--font-size-16);

  --header-links-font-weight: 700;
}