:root {
    --primary-background-colour:#292b2f;
    --primary-text-colour: #f0f0f0;
    --translucent-text-colour: rgba(255, 255, 255, 0.5);
    --hovered-text-colour: #bbb8b8;

    --diminished-background-colour: #393b40;
    --darker-background-colour: #222425;
    --shadow: #1f2024;
    --border-colour: #3c3c3f;
    --primary-link-colour:rgb(98, 200, 235);
    --hovered-link-coloor: rgb(42, 152, 189);

    --nav-compression: 880px;
}

:root[data-theme="light"],
html[data-theme="light"] {
    --primary-background-colour:white;
    --primary-text-colour: black;
    --translucent-text-colour: rgba(0, 0, 0, 0.5);
    --hovered-text-colour: rgb(82, 82, 82);

    --diminished-background-colour: #e5e5e6;
     --darker-background-colour: #cacaca;
    --border-colour: #a6aab3;
    --shadow: rgb(192, 188, 188);
    --primary-link-colour: blue;
    --hovered-link-colour: rgb(0, 0, 187);

}