/*colors*/
:root {
    --primary: #FAF9F6 ;
    --secondary: #89942B; 
    --accent: rgb(244, 149, 61);
    --link: #89942B;
    --text: #ffffff;
    --text-dark: #000000;
    --inner-bg: #000000;
    --main-bg: #000000;
    --brown-bg: #41413b;

   
    --buttons: #F4953D;
    --black: #000000;
}


.dark-bg {
    color: var(--text);
    background-color: var(--main-bg);
}

.light-bg {
    background-color: var(--primary);
    color: var(--text-dark);
}

.alt-bg {
    background-color: var(--accent);
    color: var(--text);
}

.dark-bg .box {
    background-color: var(--primary);
    color: var(--text-dark);
 }

 .brown-bg {
    background-image: linear-gradient(black, #919183);
    color: var(--primary);
 }


.link-text {
    color: #F4953D;
}

.link-blk {
    color:#000000;
}

.w-text {
    color: #ffffff;
}


@media screen and (max-width:1024px) {
    .text-1024 {
        color: #000000;
        background-color: #FAF9F6;
    }
    .blk-bg-1024 {
        background-color: #000000;
    }
    .w-text-1024 {
        color: white;
    }
    .link-text-1024 {
        color: #F4953D;
    }
}