/* Guidelines for applying base16 themes:
   https://github.com/tinted-theming/home/blob/main/styling.md
*/
html, body {
    background: var(--base00);
    color: var(--base05);
}
h1, h2, h3, h4, h5, h6 {
    color: var(--base07);
}
a {
    color: var(--base0D);
}
a:hover, a:focus {
    color: var(--base0E);
}
a:visited {
    color: var(--base09);
}
strong, b {
    color: var(--base07);
}
em, i {
    color: var(--base06);
}
mark {
    background: var(--base0A);
    color: var(--base00);
}
ul, ol {
    padding-left: 2rem;
}
hr {
    border: none;
    border-top: 1px solid var(--base02);
    margin: 2rem 0;
}
blockquote {
    border-left: 4px solid var(--base03);
    color: var(--base04);
    background: var(--base01);
}
th, td {
    border: 1px solid var(--base02);
}
th {
    background: var(--base02);
    color: var(--base07);
}
pre, code, kbd, samp {
    background: var(--base01);
    color: var(--base06);
}
input, textarea, select, button {
    color: var(--base05);
    background: var(--base01);
    border: 1px solid var(--base03);
}
textarea:disabled {
    background: var(--base02);
    color: var(--base04);
}
button {
    background: var(--base03);
}
button:hover {
    background: var(--base04);
}
::selection {
    background: var(--base02);
    color: var(--base07);
}