:root {
  --color-white: #f0e9df;
  --color-black: #242322;

  --color-a: #ae903c;
  --color-b: #5c7444;
  --color-c: #4e1e23;

  --background-color: var(--color-black);
  --font-color: var(--color-white);
  --accent-color: #f9a11c;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-a: #ae903c;
    --color-b: #5c7444;
    --color-c: #4e1e23;

    --background-color: var(--color-black);
    --font-color: var(--color-white);
    --accent-color: #f9a11c;
  }
}

@media (prefers-color-scheme: light) {
  :root {
    --color-a: #f99f15;
    --color-b: #498319;
    --color-c: #bc3510;

    --background-color: var(--color-white);
    --font-color: var(--color-black);
    --accent-color: #f15731;
  }
}