:root {
  /* footer style */
  --app-footer-background_color: var(--vel-color-primary-500);
  --app-footer-first-level-font_family: var(
    --vel-typography-headline-100-font_family
  );
  --app-footer-second-level-font_family: var(
    --vel-typography-text-100-font_family
  );
  --app-footer-company-details-font_family: var(
    --vel-typography-text-100-font_family
  );
  --app-footer-disclaimer-font_family: var(
    --vel-typography-text-100-font_family
  );
  --app-footer-fixed-spacing: var(--vel-fixed-spacing-02);
  --app-footer-social-media-color: var(--vel-color-text-on_primary);

  /* locale switch */
  --app-locale-switch_color: var(--vel-color-neutral-800);

  /* contact block email */
  --app-contact-block-background_color: var(--vel-color-neutral-white);

  /* breadcrumbs */
  --app-breadcrumbs_color: var(--vel-color-neutral-600);
  --app-breadcrumbs-background_color: var(--vel-color-background-main);

  /* Showroom */
  --app-vehicle-detail-page-heading-background_color: var(
    --vel-color-background-alt
  );
  --app-vehicle-360-slider-background_color: var(
    --vel-color-brand-support1-500
  );
  --app-showroom-marketing-label_color: var(--vel-color-brand-support1-500);

  /* vehicles overview top */
  --app-vehicles-overview-top-background_color: var(--vel-color-secondary-50);
  --app-vehicles-overview-top-compact-background_color: var(--vel-color-secondary-50);
  --app-vehicles-overview-top-filters-background_color: transparent;
  --app-vehicles-overview-top-compact-filters-background_color: transparent;
  --app-vdp-grid-item-container-border-radius: var(--vel-shape400-border_radius)
    var(--vel-shape400-border_radius) 0 0;
  --app-vdp-colors-active-box-shadow: 0 0 0 2px var(--vel-color-primary-400);
  --app-vdp-colors-inactive-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1),
    -1px -1px 4px 0 rgba(0, 0, 0, 0.1);

  /* vehicles overview quick filters */
  --app-filters-quickfilters-heading_color: var(--vel-color-neutral-600);
  --app-filters-quickfilters-heading_transform: uppercase;

  /* Quick Links */
  --app-filters-quickfilters-text_color: var(--vel-color-text-default);
  --app-filters-quickfilters-text_hover_color: var(--vel-color-text-default);
  --app-filters-quickfilters-mobile-background_color: var(--vel-color-neutral-white);
  --app-filters-quickfilters-background_top_color: var(--vel-color-secondary-200);
  --app-filters-quickfilters-background_top_selected_color: var(--vel-color-primary-400);
  --app-filters-quickfilters-background_bottom_color: var(--vel-color-neutral-white);
  --app-filters-quickfilters-background_bottom_hover_color: var(--vel-color-secondary-100);
  --app-filters-quickfilters-background_bottom_hover_selected_color: var(--vel-color-primary-50);

  /* online-checkout */
  --app-oco-background-color: var(--vel-color-background-main);
  --app-oco-usp-list-background: var(--vel-color-background-main);
  --app-oco-whats-next-block-background: var(--vel-color-background-main);
  --app-oco-form-card-border-color: var(--vel-color-neutral-300);
  --app-oco-form-headline-text-transform: uppercase;

  /* Offerings */
  /* The default offering colour needs a different naming convention */
  --vel-color-app-default-offering: var(--vel-color-brand-support1-500);
}