:root {
  --color-header: #006699;
  --color-header-background: #f2cb9b;
  --color-main: var(--color-text);
  --color-accent: #8b0000;
  --color-text: #2a3b4b;
  --color-background: #4076a9;
}

body {
  background: var(--color-background);
  color: var(--color-text);
}

body.dark-mode {
  --color-header: #006699;
  --color-header-background: #000000;
  --color-main: var(--color-text);
  --color-accent: #8b0000;
  --color-text: #607182;
  --color-background: #12283e;
  background-image: none;

  /* --color-background-page: rgb(3, 69, 2);
  --color-text: rgb(240, 240, 223);
  --color-background-card: black;
  --color-accent: var(--color-accent-inverted);
  --color-text-control: rgb(51 51 51);
  --color-text-control-inverted: var(--color-background-page); */
}