:root {
    --background-color: white;
    --color: black;
    --img-filter: brightness(100%) saturate(100%);
}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html,
body,
.container-full {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

body {
    background-color: var(--background-color);
    color: var(--color);
    transition: background-color 0.3s ease, color 0.3s ease;
}

.logo-full {
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 12px;
    filter: var(--img-filter);
    transition: filter 0.3s ease;
}

@media (prefers-color-scheme: dark) {
    :root {
        --background-color: #121212;
        --color: #ffffff;
        --img-filter: invert(1) brightness(0.9) saturate(0.8);
    }
}

@media (prefers-color-scheme: light) {
    :root {
        --background-color: white;
        --color: black;
        --img-filter: brightness(100%) saturate(100%);
    }
}