:root {
	/* Colors */
	--accent: #5a0f8d;
	--background: #91cc97;
	--lightAccent: #A8DAE5;
	--lighterAccent: #d2b4e8;
	--dark: #142cab;
	--darker: #1D3557;
	--slate: #2F3948;

	--white: #fff;
	--black: #152030;

	--ink: var(--slate);
	--paper: var(--background);

	/**
	 * These fonts are broken out into two separate variables from a previous iteration. I left
	 * it in because it's nice to be able to split out the heading and body fonts.
	 */
	--accentFont: 'Atkinson Hyperlegible', Georgia, Times, serif;
	--primaryFont: 'Atkinson Hyperlegible', sans-serif;
	--codeFont: 'Fira Code', monospace;
}
