:root {
  /* Colors */
  --accent: #E63946;
  --background: #ffffff;
  --lightAccent: #A8DAE5;
  --lighterAccent: #E6E8E4;
  --dark: #457B9D;
  --darker: #1D3557;
  --slate: #2F3948;

  --white: #fff;
  --black: #111827;

  --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: 'Comfortaa', Georgia, Times, serif;
  --primaryFont: "Inter", sans-serif;
  --codeFont: 'Fira Code', monospace;
}

.dark {
  --ink: var(--white);
  --paper: var(--black);
  --background: var(--black);
  --dark: var(--white);
  --darker: var(--white);
  --slate: var(--white);
}