:root {
    --primary-color:  #0ca3c2;
    --secondary-color:  #f4a81d;
    --tertiary-color: #ef6723;
    --fourth-color: #2d2e75;
}

h1 {
    color: var(--primary-color) !important;
}

h2 {
    color: var(--secondary-color) !important;
}

h3 {
    color: var(--tertiary-color) !important;   
}

h4 {
    color: var(--fourth-color) !important;   
}

p {
    color: #777 !important;  
}    



li::marker {
    color: var(--primary-color) !important;
}

li {
    color: #777 !important;  
}

.tb-color1 {
    background: var(--primary-color) !important;
}

.tb-color2 {
    background: var(--secondary-color) !important;
}

.tb-color3 {
    background: var(--tertiary-color) !important;
}

.site-button {
         background: var(--primary-color) !important;
         color: #fff !important;
}

.site-button:hover {
         background: var(--secondary-color) !important;
         text-decoration: none !important;
         color: #fff !important;
}


a {
    color: var(--primary-color);
    text-decoration: underline;
}

a:hover {
    color: var(--secondary-color);
}