:root
{
    --color-txt:    color-mix(in srgb, CanvasText, Canvas 40%);
    --color-accent: color-mix(in srgb, CanvasText, Canvas 80%);
}

html {
    color: var(--color-txt);
    background-color: Canvas;
    color-scheme: light dark;
}

body {
    margin-left: auto;
    margin-right: auto;
    max-width: 45em;
}

a {
    color: var(--color-txt);

    :visited {
        color: var(--color-txt);
    }
}

a[href^="http"]:not([href^="https://rogerfarrell.net"]):after {
    content:"\2B08"; /* this is a Northeast-pointed arrow to signify external links */
    font-size: 0.8em;
    line-height: 0.8em;
    vertical-align: super;
}

th {
    border-top: 1px solid var(--color-accent);
}

blockquote {
    border-left: 2px solid var(--color-accent);
}

hr {
    border: none;
    border-top: 1px solid var(--color-accent);
    opacity: 0.75;
}