:root {
	--accent: #e68d39; /* Bright accent color */
	--background: #121212; /* Darker background for better contrast */
	--lightAccent: #3f3b3a; /* Subtle highlight tone */
	--lighterAccent: #52575C; /* Lighter gray for elements */
	--dark: #1E1E1E; /* Slight variation for dark sections */
	--darker: #0F0F0F; /* Deep black for high-contrast areas */
	--slate: #D1D5DB; /* Light gray for text to stand out */
  
	--white: #F1F1F1; /* Off-white for readability */
	--black: #0B0B0B; /* Keep deep black for certain elements */
  
	--ink: var(--white); /* Text color switched to light */
	--paper: var(--dark); /* Paper background tone */

	/**
	 * 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;
}