:root {
     --bg-border-color: #ccceea;
     --bg-primary-color: #005175;
     --bg-search-color : #bdccd4;
     --bg-secondary-color: #0664a7;

     --text-primary-color:  #0664a7;
     --text-font-color: #222323;
}

.bg-border-color {
     background-color: var(--bg-border-color);
}

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

.bg-search-color {
     background-color: var(--bg-search-color);
}

.bg-secondary-color {
     background-color: var(--bg-secondary-color);
}

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

.border-color {
     border-color: var(--bg-border-color) !important;
}

.text-font-color {
     color: var(--text-font-color);
}

.text-primary-color {
     color:  var(--text-primary-color);
}

.text-primary-color.text-hover:hover {
     color: var(--bg-primary-color);
}