:root{
    --main-color-1: #161616;
    --main-color-2: #ffc000;
    --main-title-color: #115e59;
    --main-text-color: #1f2937;
    --background-site: #f8f8f8;
    --text-active-color : #ca8a04;
}

.bg-main-color-1{
    background-color: var(--main-color-1) !important;
    opacity: 0.95 !important;
}
.bg-main-color-2{
    background-color: var(--main-color-2) !important;
    opacity: 0.95 !important;
}
.bg-background-site{
    background-color: var(--background-site) !important;
}

.text-main-color-1{
    color: var(--main-color-1) !important;
    opacity: 0.95 !important;
}
.text-main-color-2{
    color: var(--main-color-2) !important;
    opacity: 0.95 !important;
}
.main-text-color{
    color: var(--main-text-color) !important;
}
.main-title-color{
    color: var(--main-title-color) !important;
}
.box-shadow-color-1{
    box-shadow: 0 0 15px 0 var(--main-color-1);
}
.box-shadow-color-2{
    box-shadow: 0 0 15px 0 var(--main-color-2);
}

.hover\:bg-main-color-1:hover {
    opacity: 1 !important;
}
.hover\:bg-main-color-2:hover {
    opacity: 0.9 !important;
}
.hover\:text-main-color-1:hover {
    opacity: 1 !important;
}
.hover\:text-main-color-2:hover {
    opacity: 0.9 !important;
}
.hover\:main-title-color:hover {
    opacity: 1 !important;
}