/* Use dark mode exclusively */
:root {
    color-scheme: dark;
    --bg: #212121;
    --accent-bg: #2b2b2b;
    --text: #dcdcdc;
    --text-light: #ababab;
    --accent: #ffb300;
    --accent-hover: #ffe099;
    --accent-text: var(--bg);
    --code: #f06292;
    --preformatted: #ccc;
    --disabled: #111;
}

.navigation {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.branding {
    font-size: 3rem;
    font-weight: bold;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.header {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.subtitle {
    margin-top: 0;
    margin-bottom: 0;
}

.post-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.post-title {
    font-size: 2rem;
}

.me-1 {
    margin-right: 0.25rem;
}

.transparent {
    background-color: rgba(0, 0, 0, 0) !important;
}