:root {
    /*header*/
    --text-header:#ffffff;
    --background-header:#28282b;
    --button-header:#00457e;
    --listed-header:#000000;
    --links-header:#ffffff;
    --width-logo-header:auto;

    /*content*/
    --color-primario: #000000;  
    --color-secundario: #ffffff;
    --background-primario:#ffffff;
    --background-secundario:#ffffff;
    --text-content:#000000;
    --button-content:#000000;
    --listed-content:#000000;
    --links_constent:#000000;

    /*Footer*/
    --text-footer:#ffffff;
    --background-footer:#0f2b4e;
    --button-footer:#000000;
    --listed-footer:#ffffff;
    --links-footer:#ffffff;
    --width-logo-footer:auto;
  }
header h1,h2,h3,h4,h5,h6{
    color: var(--text-header);
}
header{
    background-color: var(--background-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);
}

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);
}
#footer .svgimage {
    width: var(--width-logo-footer);
}