@font-face {
	font-family: 'FreightSans-Bold';
	src: url('/fonts/app/participe/FreightSans-Bold.woff2') format('woff2'),
		 url('/fonts/app/participe/FreightSans-Bold.woff') format('woff');
}

:root {
	--color-01: #243450;
	--color-02: #faf5f0;
	--color-03: #2C8566; /* Was eerst #2e8c6b*/
	--color-04: #96cd8c;
	--color-05: #bad0d9;

	--color-06: #ffc79c;
	--color-07: #f58c73;

	--color-08: #243450;
	--color-09: #bad0d9;
	--color-10: #b03800;
	--color-11: #258261;
	--color-12: #9da4b0;
	--color-13: #e3edf0;
	--color-14: #cfe8cb;
	--color-15: #ffdfc6;
	--color-16: #bdc2cb;

	--color-17: #cae6c6;

	/** Iets donkerdere kleurvarianten om aan de kleurratio 4.5:1 te voldoen voor AA */
	--color-18: #1b8661;
	--color-19: #088157;
	--color-20: #71767e;
	/* -- */

	--color-21: #ddd;

	--color-22: #fff0e0;

	--color-98: #000;
	--color-99: #fff;

	--color-bg-01: #e3edf0;
	--color-bg-02: #e7f3e5;
	--color-bg-03: var(--color-02);

	--color-border-01: #F68D74;
	--color-border-02: var(--color-01);

	--color-button-01: var(--color-10);
	--color-button-02: var(--color-11);
	--color-button-03: var(--color-99);
	--color-button-04: var(--color-07);
	--color-button-05: var(--color-08);

	--line-height: 139%;
	--font-size: 18px;
	--font-regular: normal normal 18px/25px "Source Sans 3", sans-serif;
	--font-bold: normal bold 18px/25px "Source Sans 3", sans-serif;
	--font-ruluko: normal normal 18px/25px "Ruluko", sans-serif;
	--font-freight-sans: normal normal 18px/25px "FreightSans-Bold", sans-serif;

	--search-pagination-border-color: var(--color-12);
	--search-pagination-border-color-hover: var(--color-12);
	--search-pagination-background-color-hover: var(--color-11);
	--search-pagination-text-color-hover: var(--color-white);
	--search-pagination-background-color: var(--color-16);
	--search-pagination-text-color: var(--color-01);
	--search-results-tab-border-bottom-color: var(--color-12);
	--search-results-tab-background-color-hover: var(--color-11);
	--search-results-tab-text-color-hover: var(--color-white);
	--search-results-tab-background-color: var(--color-17);
	--search-results-tab-text-color: var(--color-08);
	--search-results-grid-gap: 20px;
	--search-result-border-bottom: 1px solid var(--color-12);
	--search-result-title-font: var(--font-bold);
	--directions-header-bg-color: var(--color-13);
	--directions-header-text-color: var(--color-08);
	--load-more-background-color: var(--color-13);
	--load-more-color: var(--color-08);
	--load-more-background-color-hover: var(--color-12);
	--load-more-color-hover: var(--color-white);

}