@media (prefers-color-scheme: dark) {
    html:not(.light-mode) {
        color-scheme: dark;
        
        --primary-color: #1982d2;
        --primary-dark-color: #5ca8e2;
        --primary-light-color: #4779ac;
        --primary-lighter-color: #191e21;
        --primary-lightest-color: #191a1c;

        --box-shadow: 0 2px 10px 0 rgba(0,0,0,.35);

        --odd-color: rgba(0,0,0,.1);

        --menu-selected-background: rgba(0,0,0,.4);

        --page-background-color: #1C1D1F;
        --page-foreground-color: #d2dbde;
        --page-secondary-foreground-color: #859399;
        --separator-color: #000000;
        --side-nav-background: #252628;

        --code-background: #2a2c2f;

        --tablehead-background: #2a2c2f;

        --blockquote-background: #1f2022;
        --blockquote-foreground: #77848a;

        --warning-color: var(--page-background-color);
        --warning-color-dark: #b82c38;
        --warning-color-darker: var(--page-foreground-color);

        --note-color: var(--page-background-color);
        --note-color-dark: rgb(25 130 210 / 90%);
        --note-color-darker: var(--page-foreground-color);

        --deprecated-color: var(--page-background-color);
        --deprecated-color-dark: rgb(88, 90, 96);
        --deprecated-color-darker: var(--page-foreground-color);

        --bug-color: var(--page-background-color);
        --bug-color-dark: rgb(248, 113, 0);
        --bug-color-darker: var(--page-foreground-color);

        --darkmode-toggle-button-icon: '🌛';
    }
}

dl.section dd, dl.bug dd, dl.deprecated dd {
    margin-inline-start: 40px;
}

dl.todo {
    padding: var(--spacing-medium);
    margin: var(--spacing-medium) 0;
    overflow: hidden;
    margin-left: 0;
    border-radius: var(--border-radius-small);
    border-left: 8px solid;
    border-color: #00C0E0;
}

dt {
    padding-bottom: 0.3em;
}