:root {
    color-scheme: light dark;

    --page: #FFFFFF;
    --text: black;

    --danger-color: #000;
    --danger-background: #FAA;

    --link-first: #FF3333;
    --link-default: #006FFA;
    --link-hover: #33CFFF;
    --link-header: black;

    --header-selected: #EEEEFF;
    --footer-fg: #555555;
    --tag-count: #AAAAAA;
    --comment-meta: gray;

    --paginator-border: #EEEEEE;
    --paginator-hover-bg: blue;
    --paginator-hover-fg: white;

    --block-border: #AAAAAA;

    --zebra-heading-fg: #171BB3;
    --zebra-hover-bg: #FFD;
}

@media (prefers-color-scheme: dark) {
    :root {
        --page: #1E1E2C;
        --text: #E8E8EC;

        --danger-color: #E8E8EC;
        --danger-background: #955;

        --link-first: #FF5A5B;
        --link-default: #009BE9;

        --header-selected: #2C2D3F;

        --paginator-hover-bg: #009BE9;
        --paginator-hover-fg: white;

        --zebra-heading-fg: #E8E8EC;
        --zebra-hover-bg: #2C2D3F;
    }
}

:root {
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-size-adjust: none;
    font-stretch: normal;
    font-size: 87.5%;
    line-height: normal;
    -x-system-font: none;
}
* {
/*     margin: 0; */
/*     padding: 0; */
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
}

body {
    background-color: var(--page);
    color: var(--text);
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:visited {
    color: var(--link-default);
    text-decoration: none;
}

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

PGP {
    display: block;
    border: 1px solid #08F;
    background: #AAF4;
    font-size: 0.9rem;
    padding: 8px;
    font-family: monospace;
    line-height: 1.2em;
    white-space: pre-wrap;
    width: fit-content;
}