:root {
    --primary-background-color: #f4f6f5;
    --primary-font-color: #000;
    --primary-font-accent-color: #833c0b;
}
/*------------space-----------*/
/*------------space-----------*/
/*transition color and background-color*/
.transition-color{
    transition:color 0.5s ease;
}

.transition-bg {
    transition: background-color 0.5s ease;
}
/*------------space-----------*/
/*------------space-----------*/
/*currently box hover*/
.hover:focus,
.hover:hover {
    background-color: #eaeaea !important;
}
/*------------space-----------*/
/*------------space-----------*/
/*currently element hover*/
.hover-brown:focus,
.hover-brown:hover {
    color: #833c0b !important;
}

.hover-gold:focus,
.hover-gold:hover {
    color: #d28520 !important;
}

.hover-bg-brown:focus,
.hover-bg-brown:hover {
    background-color: #833c0b !important;
}
/*------------space-----------*/
/*------------space-----------*/
/*radio buttons accent color*/
input[type="radio"] {
    accent-color: #833c0b;
}

.dark-bg {
    background-color: #2e323a;
}
/*primary background color*/
.darker-bg {
    background-color: #1e2024;
}

.bg-none {
    background-color: transparent !important;
}

.text-gold {
    color: #833c0b !important;
}

.text-dark-gold {
    color: #7F400B;
}

.text-white {
    color: #fff;
}
/*primary font color*/
.text-black {
    color: #000;
}

.silver-bg {
    background-color: #e1e0e6;
}

.dark-silver-color {
    color: #878a91;
}

.dark-silver-color {
    color: #6f7079;
}

.text-darker {
    color: #272a31;
}
/*currently fonts color*/
.text-dark-brown {
    color: #833c0b !important;
}

.bg-panel {
    background-color: #F4F6F5;
}
.bg-white {
    background-color: #f4f6f5 !important;
}
.bg-real-white{
    background-color:white;
}