:root {
    /* light theme */
    --bg: #fff;
    --accent-bg: #d1d1c0;
    --text: #2e3436;
    --text-light: #989595;
    --border: #898EA4;
    --accent: #ab9df2;
    --accent-hover: #1266e2;
    --accent-text: var(--bg);
    --code: #d81b60;
    --preformatted: #444;
    --marked: #ffdd33;
    --disabled: #efefef;
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --bg: #424043;
    --accent-bg: #989595;
    --text: #d1d1c0;
    --text-light: #ffffff;
    --accent: #ffb300;
    --accent-hover: #ffe099;
    --accent-text: var(--bg);
    --code: #f06292;
    --preformatted: #a9dc76;
    --disabled: #111;
  }
}

header nav a {
    border: none;
    padding: 0;
    text-decoration: underline;
    line-height: 1;
}

header nav a.current {
    background: none;
}