/* ----------------------------------------------------------------
   SECTION: Root Variables (Common Colors & Fonts)
   ---------------------------------------------------------------- */
:root {
	--primary-color: #374b6a;
	--primary-color-hover: #325997;
	--dark-gray: #888;
	--gray: #ccc;
	--purple: #9e65ad;
	--light-purple: #f7e2fd;
	--light-gray: #f0f0f0;
	--almost-black: #333;
	--slate-gray: #666;
	--bluish-gray: #c3c8d2;
	--transparent-black: #0003;
	--transparent-blue: #7e93b517;
	--red: #cf1322;
	--text-small: 14px;
	--text-base: 16px;
	--text-large: 20px;
}

/* Reset and Global Styles */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: Arial, sans-serif;
	background-color: #f4f4f4;
}

ol, li, ul {
	font-family: Cmu, Arial, sans-serif;
}