:root {

	--line-height: 135%;
	--font-size: 22px;

	--font-regular: normal 400 var(--font-size)/var(--line-height) "helvetica-neue-lt-pro", sans-serif;
	--font-bold: normal 700 var(--font-size)/var(--line-height) "helvetica-neue-lt-pro", sans-serif;
	--font-italic: italic 400 var(--font-size)/var(--line-height) "helvetica-neue-lt-pro", sans-serif;
	--font-bold-italic: italic 700 var(--font-size)/var(--line-height) "helvetica-neue-lt-pro", sans-serif;
	--font-condensed: normal 900 var(--font-size)/var(--line-height) "helvetica-neue-lt-pro-cond", sans-serif;

	--color-01: #000;
	--color-02: #fff;

	/* Achtergrondkleuren */
	--color-03: #fccaac;
	--color-04: #fc591b;
	--color-05: #FC591BD5;
    --color-06: #aae1fa;

	/* Lichte achtergrondkleuren */
	--color-08: #FFFCF1; /* Lichtgeel */
	--color-09: #F6D4C5; /* Lichtrood */
	--color-10: #CEDFDE; /* Lichtgroen */

	/* Knoppen */
	--color-11: #E94F2D;

	/* Navigatie tekst */
	--color-12: #FFFBED;
	--color-13: #1A1919;


	--search-results-tab-background-color-hover: var(--color-04);
	--search-results-tab-background-color: var(--color-02);
	--search-results-tab-text-color-hover: var(--color-02);
	--search-results-tab-text-color: var(--color-04);

	--active-travelmode-color: var(--color-04);
	--directions-header-bg-color: var(--color-01);
	--directions-header-text-color: var(--color-02);
	--directions-instruction-border: var(--color-02);

	--swiper-navigation-color: var(--color-03);

}