@media (prefers-color-scheme: dark) {
    :root {
        --title-color: #eee;
        --header-title-color: #eee;
        --secondary-background: #1f1e1e;
        --secondary-text: #bfbaba;
    }

    body {
        color: #eee;
        background: #121212;
        font-weight: 350;
    }

    h1, h2, h3, h4 {
        font-weight: 450;
    }

    .post-content h2, .post-content h3 {
        color: rgb(200, 181, 219);
    }

    .post-inner {
        background-color: #211c26;
        border-top-color: #211c26;
    }

    .post-inner:hover {
        border-top: 5px solid var(--title-color);
        background-color: hsl(269, 25%, 19%);
    }

    .subtle-link {
        color: white;
    }
}