* {
    --c-air: #eef;
    --c-bp: #1a3b7e;
    --c-ink: #e6e1d2;
    --c-ink-dim: #8294ba;
    --c-ink-red: #e6d2d2;
    --c-ink-yellow: #e6e5d2;
    --c-ink-green: #d4e6d2;
    --c-ink-cyan: #d2e6e2;
    --c-ink-blue: #d2d7e6;
    --c-ink-magenta: #e6d2e6;
    --c-ink-l75: #bfb28b;
    --c-ink-l50: #8d7e4f;
    --c-ink-l25: #473f27;
    --c-ink-sl75: #b6ae94;
    --c-ink-sl50: #7b7661;
    --c-ink-sl25: #3b3933;
    --c-bp-red: #7e1a1a;
    --c-bp-yellow: #7e781a;
    --c-bp-green: #267e1a;
    --c-bp-cyan: #1a7e60;
    --c-bp-blue: #1a327e;
    --c-bp-magenta: #7e1a71;
    --c-bp-orange: #a76f22;
    --c-bp-l75: #132c5f;
    --c-bp-l50: #0d1d3f;
    --c-bp-l25: #060f20;
    --c-bp-sl75: #1d2f55;
    --c-bp-sl50: #192133;
    --c-bp-sl25: #101216;
}

body {
    background-color: var(--c-bp);
    font-family: sans-serif;
    padding: 2em 4em 2em 4em;
    color: var(--c-ink);
}

code {
    color: var(--c-bp);
    background-color: var(--c-ink);
}

pre {
    color: var(--c-bp);
    padding: 1em;
    background-color: var(--c-ink);
}

blockquote {
    padding: 0.5em 1em 0.5em 1em;
    border-left: solid 0.2em #8ae;
    background-color: var(--c-bp-l50);
}

a:hover {
    color: var(--c-ink-dim);
}

a {
    color: var(--c-ink);
}