@media only screen and (prefers-color-scheme: light) {
	:root {
		--primary-darker: #27698d;
		--primary-dark: #317aa1;
		--primary-center: #4f94b9;
		--primary-light: #75b1d1;
		--primary-lighter: #a3cfe6;
		--primary-lightest: #d6ebf7;

		--secondary-dark: #e8f4fc;
		--secondary-center: #f3fbff;
		--secondary-light: #f8fcff;
		--secondary-lighter: #fbfdff;

		--tertiary-center: #fff;

		--text-primary: #d6ebf7; /* similar to primary lightest */
		--text-secondary: #317aa1; /* similar to primary dark */
		--text-secondary-accent1: #75b1d1; /* similar to tertiary accent 1 */
		--text-tertiary: #000;
		--text-tertiary-accent1: #75b1d1; /* similar to primary lighter */
		--text-tertiary-accent2: #ffc988; /* similar to primary light */
		--text-category: #fff;
		--text-warn: #900;

		--category-1: #4f94b9;  /* same as primary center */
		--category-2: #317aa1;  /* same as primary dark */
		--category-3: #27698D;  /* primary darker */
		--category-4: #8189d9;  /* purple center */
		--category-5: #5e67c4;  /* purple dark */
		--category-6: #404aaf;  /* purple darker */
		--category-7: #ffc988;  /* gold center */
		--category-8: #ffb965;  /* gold dark */
		--category-9: #fea943;  /* gold darker */
		--category-10: #ffdf88;  /* yellow center */
		--category-11: #ffd565;  /* yellow dark */
		--category-12: #fecb43;  /* yellow darker */
		--category-13: #75daa4;  /* sea foam green center */
		--category-14: #4fc787;  /* sea foam green dark */
		--category-15: #2fb46d;  /* sea foam green darker */

		--binary-on: #5fc05f;
		--binary-off: #c00003;
		--binary-off-light: #f99;
		--binary-undecided: #d6ebf7;

		--logo-l: #d6ebf7; /* similar to primary lightest */
		--logo-b: #a3cfe6; /* similar to primary lighter */

		--shadow: rgba(0,0,0,0.4);
		--border-radius: 3px;
	}
}
@media only screen and (prefers-color-scheme: dark) {
	:root {
		--primary-darker: #b9e0f5;
		--primary-dark: #75b1d1;
		--primary-center: #4f94b9;
		--primary-light: #498aab;
		--primary-lighter: #307091;
		--primary-lightest: #1b5977;

		--secondary-dark: #114660;
		--secondary-center: #0c3042;
		--secondary-light: #092432;
		--secondary-lighter: #071c27;

		--tertiary-center: #000;

		--text-primary: #0e3b52; /* similar to primary lightest */
		--text-secondary: #75b1d1; /* similar to primary dark */
		--text-secondary-accent1: #a3cfe6; /* similar to tertiary accent 1 */
		--text-tertiary: #fff;
		--text-tertiary-accent1: #498aab; /* similar to primary lighter */
		--text-tertiary-accent2: #ffc988; /* similar to primary light */
		--text-category: #000;
		--text-warn: #900;

		--category-1: #4f94b9;  /* same as primary center */
		--category-2: #317aa1;  /* same as primary dark */
		--category-3: #27698d;  /* primary darker */
		--category-4: #8189d9;  /* purple center */
		--category-5: #5e67c4;  /* purple dark */
		--category-6: #404aaf;  /* purple darker */
		--category-7: #ffc988;  /* gold center */
		--category-8: #ffb965;  /* gold dark */
		--category-9: #fea943;  /* gold darker */
		--category-10: #ffdf88;  /* yellow center */
		--category-11: #ffd565;  /* yellow dark */
		--category-12: #fecb43;  /* yellow darker */
		--category-13: #75daa4;  /* sea foam green center */
		--category-14: #4fc787;  /* sea foam green dark */
		--category-15: #2fb46d;  /* sea foam green darker */

		--binary-on: #5fc05f;
		--binary-off: #c00003;
		--binary-off-light: #430001;
		--binary-undecided: #1b5977;

		--logo-l: #1b5977; /* similar to primary lightest */
		--logo-b: #307091; /* similar to primary lighter */

		--shadow: rgba(255,255,255,0.4);
		--border-radius: 3px;
	}
}
@media only print {
	:root {
		--primary-darker: #27698d;
		--primary-dark: #317aa1;
		--primary-center: #f3fbff;
		--primary-light: #f8fcff;
		--primary-lighter: #f8fcff;
		--primary-lightest: #f8fcff;

		--secondary-dark: #f3fbff;
		--secondary-center: #fff;
		--secondary-light: #fff;
		--secondary-lighter: #fff;

		--tertiary-center: #fff;

		--text-primary: #317aa1; /* similar to primary dark */
		--text-secondary: #317aa1; /* similar to primary dark */
		--text-secondary-accent1: #75b1d1; /* similar to tertiary accent 1 */
		--text-tertiary: #000;
		--text-tertiary-accent1: #75b1d1; /* similar to primary lighter */
		--text-tertiary-accent2: #ffc988; /* similar to primary light */
		--text-category: #fff;
		--text-warn: #900;

		--category-1: #4f94b9;  /* same as primary center */
		--category-2: #317aa1;  /* same as primary dark */
		--category-3: #27698d;  /* primary darker */
		--category-4: #8189d9;  /* purple center */
		--category-5: #5e67c4;  /* purple dark */
		--category-6: #404aaf;  /* purple darker */
		--category-7: #ffc988;  /* gold center */
		--category-8: #ffb965;  /* gold dark */
		--category-9: #fea943;  /* gold darker */
		--category-10: #ffdf88;  /* yellow center */
		--category-11: #ffd565;  /* yellow dark */
		--category-12: #fecb43;  /* yellow darker */
		--category-13: #75daa4;  /* sea foam green center */
		--category-14: #4fc787;  /* sea foam green dark */
		--category-15: #2fb46d;  /* sea foam green darker */

		--binary-on: #5fc05f;
		--binary-off: #c00003;
		--binary-off-light: #f99;
		--binary-undecided: #d6ebf7;

		--logo-l: #a3cfe6;
		--logo-b: #d6ebf7;

		--shadow: rgba(0,0,0,0.4);
		--border-radius: 3px;
	}
}