:root {
  --jp-color-primary: #999900;
  --jp-color-accent:  #402070;
  --jp-color-text:    #000000;
  --jp-color-bg-0:    #fffff0;
  --jp-color-bg-1:    #f7f7f0;
  --jp-color-bg-2:    #f0f0e0;
  --jp-color-bg-3:    #e7e7e0;
  --jp-color-bg-4:    #e0e0d0;

  color-scheme: light dark;
}

html {
  color: var(--jp-color-text);
  background-color: var(--jp-color-bg-1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --jp-color-primary: #999900;
    --jp-color-accent:  #A060F0;
    --jp-color-text:    #fafafa;
    --jp-color-bg-0:    #111101;
    --jp-color-bg-1:    #181810;
    --jp-color-bg-2:    #222202;
    --jp-color-bg-3:    #282818;
    --jp-color-bg-4:    #333323;
  }
}

@media (prefers-contrast: more) {
  html {
    background-color: var(--jp-color-bg-0);
  }
}

@media (prefers-color-scheme: dark) and (prefers-contrast: more) {
  :root {
    --jp-color-text: #ffffff;
  }
}