:root {
    --bg: #fdfdfd !important;
    --fg: #333333 !important;
    --link: #4a90e2 !important;
    --mono-bg: #f0f0f0 !important;
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg: #1e1e1e !important;
        --fg: #dcdcdc !important;
        --link: #7aa6ff !important;
        --mono-bg: #2a2a2a !important;
    }
}

html {
    background-color: var(--bg) !important;
    color: var(--fg) !important;
    font-family: Arial, sans-serif !important;
}

body.light-mode {
    background-color: #fdfdfd !important;
    color: #333333 !important;
}

body.light-mode a {
    color: #4a90e2 !important;
}

body.dark-mode {
    background-color: #1e1e1e !important;
    color: #dcdcdc !important;
}

body.dark-mode a {
    color: #7aa6ff !important;
}

a {
    color: var(--link) !important;
    text-decoration: none !important;
}

a:hover {
    text-decoration: underline !important;
}

code {
    font-family: monospace !important;
    padding: 0.1em 0.3em !important;
}

blockquote {
    font-style: italic !important;
}

tr.even {
    background-color: var(--mono-bg) !important;
}

td,
th {
    padding: 0.5em 2em 0.5em 0.5em !important;
}

tbody {
    border-bottom: none !important;
}