:root {
  --background: #fff;
  --color: #333;

  --code-background: #f9f9f9;
  --code-color: #555;

  /* Grass */
  --theme-1-0: #657f15;
  --theme-1-1: #b8e829;
  --theme-1-2: #fbfff4;
  --theme-1-3: #263007;
  --theme-1-4: #020200;

  /* Forest */
  --theme-2-0: #008740;
  --theme-2-1: #8ae5b5;
  --theme-2-2: #f7fffa;
  --theme-2-3: #04331a;
  --theme-2-4: #000201;

  /* Gold */
  --theme-3-0: #877616;
  --theme-3-1: #f2d223;
  --theme-3-2: #ffffff;
  --theme-3-3: #332d06;
  --theme-3-4: #000000;

  /* Grey */
  --default-0: #808080;
  --default-1: #e8e8e8;
  --default-2: #ffffff;
  --default-3: #303030;
  --default-4: #030303;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #000;
    --color: #ccc;

    --code-background: #171717;
    --code-color: #ccc;
  }
}