/* Theming */
:root {
    --background-color: #FFF;
    --text-color: #000;
    --logo-file: url('../img/logo-light.png');
    --button-shadow-color: #666;
}

[data-theme="dark"] {
    --background-color: #36393F;
    --text-color: #EEE;
    --logo-file: url('../img/logo-dark.png');
    --button-shadow-color: #BBB;
}

html {
    background-color: var(--background-color);
    color: var(--text-color);
}

#logo {
    background-image: var(--logo-file);
}

.round-button {
    border-color: var(--text-color);
}

.round-button.hidden {
    display: none;
}

.round-button svg {
    stroke: var(--text-color);
}