/* Default theme */
:root {
    --background-color: #222222;
    --headings-color: #ffffff;
    --font-color: #ffffff;
}

/* Dark theme */
html[data-theme='dark'] {
    --background-color: #222222;
    --headings-color: #ffffff;
    --font-color: #ffffff;
}

body {
    background-color: var(--background-color);
    color: var(--font-color);
}

h1, h2, h3, h4, h5 {
    color: var(--headings-color);
}

hr {
    background-color: #eeeeee;
}

.overlay {
    border-bottom: 2px solid #eeeeee;
}

li a:hover {
    border-bottom: 3px solid white;
    text-decoration: none;
}

a {
    color: #CC99FF;
}

a:hover {
    color: white;
}
