/* -------------------------------------------------------- */
/* VARIABLES */
/* -------------------------------------------------------- */

/* Variables are used like this: var(--text-color) */
:root {
  /* Background Colors: */
  --background-color: #000000;
  --content-background-color: #000000;
  --sidebar-background-color: #000000;

  /* Text Colors: */
  --text-color: #e8e3fd;
  --sidebar-text-color: #9bafdd;
  --link-color: #988df3;
  --link-color-hover: #9e48ec;

  /* Text: */
  --font: Monaco, monospace;
  --heading-font: Monaco, monospace;
  --font-size: 14px;

  /* Other Settings: */
  --margin: 40px;
  --padding: 24px;
  --border: 3px solid #ffffff;
  --round-borders: 6px;
  --sidebar-width: 300px;
}