:root {
    --background-primary: #00978b;    
    --background-primary-text: rgb(255,255,255);
    --background-secondary: #00A99C;
    --background-secondary-text: rgb(255,255,255);
    --accent: #f5dd5d;
    --font: Roboto;
    --sidebar-color: rgba(31, 41, 55, 1);
    --sidebar-highlight: rgba(55, 65, 81, 1);
    --sidebar-text: rgb(255,255,255);
    --frame-color: rgb(255,255,255);
    --frame-text: black;
    --switch-color: #00978b;      
    --background-hover-color: #00978b;   
    --hover-color: rgb(255,255,255);
    --bottom-bar-color: black;
    --bottom-bar-text: white;
}

.header-color {    
    background-color: rgb(255, 255, 255);
    color:rgb(2, 2, 2);   
    border-bottom: 1px solid lightgray;
}