:root,
  ::backdrop {
    color-scheme: dark;
    --bg: #212121;
    --accent-bg: #2b2b2b;
    --text: #dcdcdc;
    --text-light: #ababab;
    --accent: #0060ff;
    --accent-hover: #6090ff;
    --accent-text: var(--bg);
    --code: #f06292;
    --preformatted: #ccc;
    --disabled: #111;
}

p {
    margin: 0.1rem !important;
}

h1,h2,h3,h4,h5,h6 {
    margin: 1rem !important;
}

body {
    font-size: 1rem !important;
    line-height: 1.2 !important;
}

body > * {
    grid-column: 1 / -1 !important;
}

body > header {
    padding: 0 0.1rem 0.5rem 0.1rem !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
}

body > header > *:only-child {
    margin-block-start: 0.5rem !important;
}

main {
    padding-top: 5rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

body > footer {
    margin-top: 1rem !important;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem !important;
}