:root {
  --bg-main: #ffffff;
  --bg-dim: #f0f0f0;
  --fg-main: #000000;
  --fg-dim: #595959;
  --blue: #0031a9;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg-main: #000000;
    --bg-dim: #1e1e1e;
    --fg-main: #ffffff;
    --fg-dim: #989898;
    --blue: #2fafff;
  }
}

body {
    /* font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace; */
    font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
    margin: 1em 2em;
    background-color: var(--bg-dim);
    color: var(--fg-main);
}


a {
  color: var(--blue);
  font-size: 18px;
}

p, pre {
    line-height: 140%;
    font-size: 18px;
}

.sum {
    font-style: italic;
    font-size: 14px;
}

.reference {
    margin-bottom: 0.5em;
}

.reference-block, .commentary {
    margin-left: 2em;
}

sup {
    line-height: 0;
    position: relative;
    top: 0;
    vertical-align: super;
    font-weight: 300;
    font-size: .65em;
}

#book-list {
    display: flex;
}

.testament {
    padding: 0 10px;
}