/* 
kleur 1 (vaste kleur, hoeft in principe niet gewijzigd te worden): heel licht:achtergrond voortgangsbalk / geselecteerd antwoord / gridheader / hover gridrij

kleur 2: licht:achtergrondkleur header / antwoordhovering

kleur 3: donker:centrale achtergrondkleur / opvulling voortgangsbalk / subject smartphoneproofgrid

kleur 4: 1e contrast-/steunkleur:vorige- en volgende knoppen / antwoordrondjes, -hokjes / onderwerptitel / linkjes / Start vragenlijst-knop


Extra toegevoegde variabele kleuren i.v.m. uitgebreidere I&O huisstijl:
kleur 5: 2e contrast-/steunkleur:onderwerptitel / linkjes / Start vragenlijst-knop
kleur 6: kleur weergavebalk bovenaan
kleur 7: kleur lettergrootte-kader
kleur 8: kleur inactieve -/+ lettergrootte-kader
*/


/* ==================================================================================================== */
/*                                           OG-opmaak                                                  */
/* ==================================================================================================== */
:root {
	 --kleur-1:#ECF2FF;
	 --kleur-2:#BCCBEC;
	 --kleur-3:#414A72;
	 --kleur-4:#26A79A;
	 /* ====================================================================================== */
	 /* wat hieronder staat hoef niet aangepast te worden (zijn vaste kleuren en instellingen) */
	 /* ====================================================================================== */
	 --kleur-5:var(--kleur-4);
	 --kleur-6:#131622;
	 --kleur-7:#363943;
	 --kleur-8:#7D7D7D;
	 --mrCorner-polygon:none;
	 --tooltipCorner-polygon:none;
	 --submitButton-polygon:none;
	 --contrast-filter:brightness(0%) invert(100%);
}


/* ============================================================================================================== */
/*                                        Ipsos I&O huisstijl                                                     */
/* ============================================================================================================== */
/* Maatwerk met gebruik van extra aanvullende kleuren uit het palet en aanvullende afwijkende opmaak-instellingen */
/* N.B. Bij gebruik van een OG-opmaak alles hieronder verwijderen!                                                */
/* ============================================================================================================== */
:root {
	 --kleur-1:#F7FBF7;
	 --kleur-2:#DCEFDF;
	 --kleur-3:#0B535D;
	 --kleur-4:#00ADA8;
	 --kleur-5:#F26A2C;
	 --kleur-6:#CEE7D1;
	 --kleur-7:var(--kleur-4);
	 --kleur-8:#BFBFBF;
	 --mrCorner-polygon:polygon(0% 105%, 105% 105%, 105% 0%);
	 --tooltipCorner-polygon:polygon(0% 105%, 105% 105%, 105% 45%);
	 --submitButton-polygon:polygon(0% 0%, 0% 100%, 92% 100%, 100% 27px, 100% 0%);
	 --contrast-filter:none;
}