:root {
	--text-color: #011347;
	--base-font-size: 18px;

	--base-background: #ffffff;

	--linear-gradient-dark: linear-gradient(105.03deg, #001E6D 2.11%, #004FBA 83.61%), #005AC6;
	--linear-gradient-darker: linear-gradient(105.03deg, var(--color-dark-blue) 2.11%, #004FBA 83.61%), #005AC6;
	--linear-gradient-test: linear-gradient(45deg, rgb(0,143,104), rgb(250,224,66)) 1;

	--button-background: var(--linear-gradient-dark);
	--button-background-hover: var(--linear-gradient-darker);

	--color-dark-blue: #000F38;
	--color-light-blue: #0056CF;
	--color-blue: var(--color-light-blue);
	--color-yellow: #FFB800;
	--color-light-grey: #D2DDE9;
	--color-grey: #80879C;
	--color-white: #ffffff;

	--svg-arrow-blue: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8093 12.3814L18 6.19072L11.8093 0L10.1844 1.61348L13.5715 5.00064L0 5.00064L0 7.3808L13.5715 7.3808L10.1844 10.768L11.8093 12.3814Z' fill='%23005AC6'/%3E%3C/svg%3E%0A");
	--svg-arrow-dark-blue: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8093 12.3814L18 6.19072L11.8093 0L10.1844 1.61348L13.5715 5.00064L0 5.00064L0 7.3808L13.5715 7.3808L10.1844 10.768L11.8093 12.3814Z' fill='%23011448'/%3E%3C/svg%3E%0A");
	--svg-arrow-grey: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8093 12.3814L18 6.19072L11.8093 0L10.1844 1.61348L13.5715 5.00064L0 5.00064L0 7.3808L13.5715 7.3808L10.1844 10.768L11.8093 12.3814Z' fill='%2380879C'/%3E%3C/svg%3E%0A");
	--svg-arrow-light-grey: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8093 12.3814L18 6.19072L11.8093 0L10.1844 1.61348L13.5715 5.00064L0 5.00064L0 7.3808L13.5715 7.3808L10.1844 10.768L11.8093 12.3814Z' fill='%23D2DDE9'/%3E%3C/svg%3E%0A");
	--svg-arrow-white: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8093 12.3814L18 6.19072L11.8093 0L10.1844 1.61348L13.5715 5.00064L0 5.00064L0 7.3808L13.5715 7.3808L10.1844 10.768L11.8093 12.3814Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
	--svg-arrow-yellow: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8093 12.3814L18 6.19072L11.8093 0L10.1844 1.61348L13.5715 5.00064L0 5.00064L0 7.3808L13.5715 7.3808L10.1844 10.768L11.8093 12.3814Z' fill='%23FFB800'/%3E%3C/svg%3E%0A");
}

.invert {
	--base-background: linear-gradient(232.56deg, #000F38 0%, #001A62 97.59%), #010F39;
	--button-background: transparent;
}

body {
	color: var(--text-color);
	font-size: var(--base-font-size);
}