/* 

Light Mode: Colors
-------------------- */

:root {
	--baltic-sea: #242630;		/* 100 */
	--ship-grey: #45464F;		/* 85 */
	--mountain-mist: #7C7D83;	/* 60 */
	--iron: #E9E9EA;			/* 10 */
	--alabaster: #F4F4F4;		/* 5 */
	--highlight: #FAF281;		/* Yellow */
	--denim: #0070C9;			/* Blue */
	
}



/* 

Dark Mode: Colors
-------------------- */

:root {
	--white: #FFFFFF;			/* 100 */
	--mercury: #DEDEE0;			/* 85 */
	--mountain-fog: #A7A8AC;	/* 60 */
	--abbey: #3A3C45;			/* 10 */
	--charade: #2F313A;			/* 5 */
	--dim-highlight: #504E2A;	/* Yellow */
	--jordy-blue: #8EBEFF;		/* Blue */
}



/* 

Font Definitions
-------------------- */

:root {
	--default-fonts: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--handwritten-notes: Professor, Bradley Hand, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}



/* 

Line Height
-------------------- */

:root {
	--line-tight: 1.25em;			/* 1.25em */
	--line-default: 1.5em;			/* 1.5em */
	--line-none: 0;
}



/* 

Font Sizes
-------------------- */

:root {
	--title1: 32px;
	--title2: 24px;
	--title3: 20px;
	--body: 17px;			/* 16px */
	--caption: 13px;			/* 12px */
	
}



/*

	@media (prefers-color-scheme: dark) {
		.test {
			color: var(--mercury);
		}
	}

*/