:root {
    
     /*header*/
     --text-header:#ffffff;
     --background-header:#ffffff;
     --button-header:#ffffff;
     --listed-header:#000000;
     --links-header:#000000;
     --width-logo-header:450px;
 
     /*content*/
     --color-primario: #000000;  
     --color-secundario: #000000;
     --background-primario:#ffffff;
     --background-secundario:#ffffff;
     --text-content:#000000;
     --button-content:#ffffff;
     --listed-content:#000000;
     --links_constent:#000000;
 
     /*Footer*/
     --text-footer:#ffffff;
     --background-footer:#000000;
     --button-footer:#ffffff;
     --listed-footer:#ffffff;
     --links-footer:#ffffff;
     --width-logo-footer:;
  }
header h1,h2,h3,h4,h5,h6{
    color: var(--text-header);
}
header a{
    color:var(--text-header);
}
.navbar-expand-lg .navbar-collapse {
    color:var(--listed-header);
}
header .navbar-light .navbar-nav .nav-link{
    color: var(--links-header);
}
header .navbar-light .navbar-toggler{
    color:var( --button-header);
}
.navbar-brand img{
    width:var(--width-logo-header);
}
.cbp-af-header.header-transparent {
    background-color: var(--background-header);
}
body {
    color:  var(--color-primario);
    background-color:  var(--background-primario);

}
body h1,h2,h3,h4,h5,h6{
    color:  var(--color-primario);
}
body p {
    color:  var( --text-content);
}
.btn.btn-brand{
    color: var( --button-content);
}
#footer{
    background-color: var(--background-footer);
}
#footer p{
    color: var(--text-footer);
}
#footer a {
    color: var(--links-footer);
}