@import url("webfonts/ibm-plex-sans-condensed.css");
@import url("webfonts/nunito.css");
@import url("webfonts/noto-sans.css");
	
:root {
	--primary-color: #4756a3;
	--primary-color-light: #6773c2;
	--primary-color-dark: #2d3a8c;
	--primary-color-a95: rgba(71,86,163,0.95);
	--primary-color-a90: rgba(71,86,163,0.9);
	--primary-color-a85: rgba(71,86,163,0.85);
	--primary-color-a80: rgba(71,86,163,0.8);
	--primary-color-a75: rgba(71,86,163,0.75);
	--primary-color-a70: rgba(71,86,163,0.7);
	--primary-color-a65: rgba(71,86,163,0.65);
	--primary-color-a60: rgba(71,86,163,0.6);
	--primary-color-a55: rgba(71,86,163,0.55);
	--primary-color-a50: rgba(71,86,163,0.5);
	--primary-color-a40: rgba(71,86,163,0.4);
	--primary-color-a30: rgba(71,86,163,0.3);
	--primary-color-a20: rgba(71,86,163,0.2);
	--primary-color-a10: rgba(71,86,163,0.1);

	--secondary-color: #6e6f7d;
	--secondary-color-light: #f0f1f8;
	--secondary-color-dark: #54555e;
	--secondary-color-a95: rgba(110,111,125,0.95);
	--secondary-color-a90: rgba(110,111,125,0.9);
	--secondary-color-a85: rgba(110,111,125,0.85);
	--secondary-color-a80: rgba(110,111,125,0.8);
	--secondary-color-a75: rgba(110,111,125,0.75);
	--secondary-color-a70: rgba(110,111,125,0.7);
	--secondary-color-a65: rgba(110,111,125,0.65);
	--secondary-color-a60: rgba(110,111,125,0.6);
	--secondary-color-a55: rgba(110,111,125,0.55);
	--secondary-color-a50: rgba(110,111,125,0.5);
	--secondary-color-a40: rgba(110,111,125,0.4);
	--secondary-color-a30: rgba(110,111,125,0.3);
	--secondary-color-a20: rgba(110,111,125,0.2);
	--secondary-color-a10: rgba(110,111,125,0.1);

	--primary-font: "IBM Plex Sans Condensed";
	--secondary-font: "Nunito";
	--tertiary-font: "Noto Sans";
	
	--cassiopeia-color-primary: var(--primary-color);
	--cassiopeia-color-hover: var(--primary-color-light);
	--cassiopeia-color-link: var(--primary-color);
}