:root {
    --primary-background-colour:#292b2f;
    --primary-text-colour: #f0f0f0;
    --diminished-background-colour: #393b40;
    --shadow: #1f2024;
    --border-colour: #3c3c3f;
    --nav-compression: 880px;
}

:root[data-theme="light"],
html[data-theme="light"] {
    --primary-background-colour:white;
    --primary-text-colour: black;
    --diminished-background-colour: #e5e5e6;
    --border-colour: #a6aab3;
    --shadow: rgb(192, 188, 188);
}