:root {
    --DARK_SEC: rgb(39, 40, 46);
    --DARK_TR: rgba(39, 40, 46, 0.849);
    --LIGHT_SEC: rgb(255, 255, 255);
    --LIGHT_TR: rgba(255, 255, 255, 0.849);
    --TEXT_LIGHTMODE: black;
    --TEXT_DARKMODE: white;
    
    --secondary: var(--LIGHT_SEC);
    --transparent: var(--LIGHT_TR);

    --textcolor: var(--TEXT_LIGHTMODE);

    --primary: #264ea5;

    --shadow: rgba(0, 0, 0, 0.247);
}

.dark-theme {
    --secondary: var(--DARK_SEC) !important;
    --textcolor: var(--TEXT_DARKMODE) !important;
    --transparent: var(--DARK_TR) !important;
}

footer {
    padding: 40px 80px;
    color: var(--textcolor);
    background-color: var(--secondary);
}