/* override light colors */
@media (prefers-color-scheme: light) {
  :root {
    --main-hue: 250;
    --white: #000;
    --white-light: #000;
    --white-dark: #000;
    --code: #eee;
    --pre: #eee;
    --bg-color: #fff;
    --text-color: #222;
    --link-color: #25d;
    --visited: #25d;
    --blockquote: #25d;
    --blockquote-bg: #cdf;
    --hover: #35c;
    --grey: #eee;
    --grey-light: #777;
    --shadow: #eee;
  }
}

/* override dark colors */
@media (prefers-color-scheme: dark) {
  :root {
    --main-hue: 250;
    --white: #eee;
    --white-light: #eee;
    --white-dark: #eee;
    --code: #222;
    --pre: #222;
    --bg-color: #111;
    --text-color: #eee;
    --link-color: #7ae;
    --visited: #7ae;
    --blockquote: #666;
    --blockquote-bg: #333;
    --hover: #aae;
    --grey: #444;
    --grey-light: #555;
    --shadow: #000;
  }
}

/* hide timestamp for nav pages */
body.about #publish-at,
body.links #publish-at {
    display: none;
}

/* table styling */
table {
  border-collapse: collapse;
  width: 100%;
}
th, td {
  border: 1px solid var(--text-color);
  padding: 0.5em 0.75em;
}

/* inline code styling */
blockquote code,
code {
  border: unset;
  background: var(--pre);
}

/* override syntax highlighting */
.chroma .c1 {
    color: var(--grey-light);
}
.chroma .cl,
.chroma .k,
.chroma .m ,
.chroma .s1,
.chroma .s2 {
    color: var(--text-color);
}
.chroma .e,
.chroma .se,
.chroma .nb,
.chroma .nt,
.chroma .nv {
    color: var(--link-color);
}
.chroma .o,
.chroma .si {
    color: #d50;
}
.chroma .err {
    color: #e10;
}