:root {
  /* Color */

  --body-bg:          #fff;
  --body-fg:          #F4F4F4;
  --body-color:       #333;
  --body-color-light: #999;
  --body-color-dark:  #000;
  --accent-color:     #00449E;
  --border-color:     rgba(0,0,0,.2);

  /* Fonts */

  --body-fonts: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  --code-fonts: 'Courier New', Courier, monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Color */

    --body-bg:         #111;
    --body-fg:         #333;
    --body-color:      #ccc;
    --body-color-dark: #fff;
    --accent-color:    #9EEBCF;
    --border-color:    rgba(255,255,255,.2);
  }
}