// dark mode preference
@media (prefers-color-scheme: dark) {
    body {
        background: var(--bg-dark);
    }
    main {
        border-top-color: var(--border-dark);

        h1 {
            color: var(--text-dark);

            span.who {
                color: var(--text-dark-hl);
            }

            a {
                color: var(--link-tb-dark);
            }
        }
    }
    footer {
        a.blog {
            color: var(--link-blog-dark);
        }
        a.gitea {
            color: var(--link-gitea-dark);
        }
        a.github {
            color: var(--link-gh-dark);
        }
        a.pixelfed {
            color: var(--link-pf-dark);
        }
    }
}