@media (min-width: 0px) {
	:root {
		--brand-color-white: rgba(255, 255, 255, 1); /* #FFFFFF */
		--brand-color-1-dark: rgb(34, 108, 166); /* #0057AF */
		--brand-color-2-dark: rgba(0, 87, 175, 1); /* */
		--brand-color-1: rgba(42, 136, 206, 1); /* #2a88ce */
		--brand-color-2: rgba(0, 127, 255, 1); /* #007FFF */
		--brand-color-1c: white; /* #FFFFFF */
		--brand-color-1-transparent: rgba(42, 136, 206, 0.2);
		--brand-color-2-transparent: rgba(0, 127, 255, 0.2);
		--brand-color-1-light: rgb(50, 164, 246); /* #32a4f6 */
		--brand-color-2-light: rgb(82, 166, 250); /* #52a6fa */
		--brand-color-blue-light: #c8cfe2;
		--brand-color-1-pale: rgba(204, 229, 255, 1); /* #CCE5FF */

		--button-color-admin-action: #00c0ef;

		--filter-brand-color-1: invert(41%) sepia(92%) saturate(421%) hue-rotate(162deg) brightness(98%) contrast(95%); /* Black to #2a88ce */
		--filter-button-color-admin-action: invert(57%) sepia(91%) saturate(1800%) hue-rotate(150deg) brightness(97%) contrast(100%);
	}
}

/* For mobile (portrait and landscape) */
@media (orientation: portrait), (max-width: 960px) {
}