@media (prefers-color-scheme: dark) {

/*
:root{
    --white: #dcd2c0;
    --black: #151515;
}

body{
    background-color: var(--black);
}

.nav{
    color: var(--white);
    background-color: rgba(0,0,0,0);
}    

.nav-title svg{
    fill: var(--white); 
}

.nav .nav-links button{
    color: var(--white) !important;
}

.nav button{
    color: var(--white) !important;
}

.nav-scrolled{
    background-color: var(--black-dark);
    color: var(--white) !important;
    transition: background-color var(--transition);
}

.post-title{
    color: var(--white);
}

.post-categories span h5{
    color: var(--white);
    background-color: var(--black-light);
}

.content{
    background-color: var(--black);
    color: var(--white);
}

.content h1{
    color: var(--white);
}

.content h5{
    color: var(--white);
}

.workwith-logo svg{
    fill: var(--white);
}

.footer {
    background-color: var(--black-dark);
}

.page-project .content{
    background-color: var(--black);
}

.page-project h1{
    color: var(--white) !important;
}

.project-quote{
    background-color: var(--black-dark);
}

*/

}