[data-theme=light] {
    color-scheme: light;
    --accent: #9271D6;
    --accent-light: #9271D6;
    --url-agnostic: #646868;
    --url-http: #5690AF;
    --url-gemini: #E08F67;
}

[data-theme=dark] {
    color-scheme: dark;
    --bg: #222529;
    --link: #9271D6;
    --url-agnostic: #cbcdcd;
    --url-http: #87C9E5;
    --url-gemini: #e2aea2;
}

p {
    margin: 1em;
}

a::before,
h1::before,
h2::before,
h3::before,
blockquote::before {
    color: var(--accent);
}

h1 {
    margin-left: 1em;
    text-indent: -1em
}

h2 {
    margin-left: 1.7em;
    text-indent: -1.7em
}

h3 {
    margin-left: 2.2em;
    text-indent: -2.2em
}

h4 {
    margin-left: 3em;
    text-indent: -3em
}

h1::before {
    content: "# ";
}

h2::before {
    content: "## ";
}

h3::before {
    content: "### ";
}

h4::before {
    content: "#### ";
}

h2,
h3,
h4 {
    margin-top: 2rem
}

blockquote p::before,
blockquote br::after {
    content: "> ";
}

blockquote {
    margin: 0 1em;
    padding: .4em .4em;
}

pre {
    border: 3px dotted var(--accent);
    white-space: pre-wrap;
    word-break: keep-all;
    margin: 0 1em;
    padding-left: .7em;
}

footer {
    margin: 1em 0;
}