body {
  color: var(--text);
  background: var(--bg);
  transition: background 500ms ease-in-out, color 1000ms ease-in-out; }

body.alternative :not(i) {
  font-family: Arial, sans-serif !important;
  font-weight: normal; }


/* =========================================================================
  Default
========================================================================== */

body {
  --bg: var(--white);
  --bg-white: var(--white);
  --text: var(--black);
  --nav: var(--white);
  --input: var(--gray);
  --link: var(--gray-light);
  --text-purple: var(--purple);
  --svg: var(--purple);
}

/* =========================================================================
  High Contrast
========================================================================== */

body.highC {
  --bg: var(--black);
  --bg-white: var(--black);
  --text: var(--white);
  --nav: var(--gray);
  --link: var(--yellow);
  --input: var(--white);
  --nav-line: var(--white);
  --text-purple: var(--yellow);
  --svg: var(--yellow);
}


/* =========================================================================
  Dark
========================================================================== */

body.dark {
  --bg: var(--dark);
  --bg-white: var(--black);
  --text: var(--white);
  --nav: var(--gray);
  --link: var(--white);
  --input: var(--white);
  --nav-line: var(--white);
  --text-purple: var(--white);
  --svg: var(--white);
}