/**
 * Huisstijl: TimeWriter
 * ---------------------------------------------------------------------------
 * Wordt na alle basis-CSS geladen. De basis-CSS (css/variables.css e.a.) heeft
 * al de TimeWriter-waarden, dus dit bestand hoeft in principe niets te
 * overschrijven. De variabelen staan hier toch expliciet, zodat beide
 * huisstijlen op dezelfde plek te vinden en aan te passen zijn - pas je hier
 * een kleur aan, dan verandert alleen TimeWriter mee.
 */

:root {
	/* Primair kleurenpalet */
	--color-primary-950: #133358;
	--color-primary-900: #185490;
	--color-primary-800: #1562B8;
	--color-primary-700: #1175D9;
	--color-primary-600: #1994F7; /* Primary */
	--color-primary-500: #30B0FF;
	--color-primary-400: #57CCFF;
	--color-primary-300: #8DE0FF;
	--color-primary-200: #BBEBFF;
	--color-primary-100: #D9F3FF;
	--color-primary-50:  #EEFAFF;

	--color-primary-950-rgb: 19, 51, 88;
	--color-primary-900-rgb: 24, 84, 144;
	--color-primary-800-rgb: 21, 98, 184;
	--color-primary-700-rgb: 17, 117, 217;
	--color-primary-600-rgb: 25, 148, 247; /* Primary */
	--color-primary-500-rgb: 48, 176, 255;
	--color-primary-400-rgb: 87, 204, 255;
	--color-primary-300-rgb: 141, 224, 255;
	--color-primary-200-rgb: 187, 235, 255;
	--color-primary-100-rgb: 217, 243, 255;
	--color-primary-50-rgb:  238, 250, 255;

	/* Signaalkleuren */
	--color-warning: #f7b731;
	--color-warning-rgb: 247, 183, 49;
	--color-alert: #e74c3c;
}

/* --- Logo in de navigatie ------------------------------------------------ */
.logo {
	width: 240px;
	background-size: contain;
	background-position: 50% 50%;
	background-image: url('../../images/logo-timewriter.svg');
}