/* Colore di default */
body {
  --dip-primary: var(--red);
}

/*Set colori*/
.site-st01 {
  --dip-primary: #1f811f;
  --dip-topbar: #104110;
}
.site-st02 {
  --dip-primary: #006de6;
  --dip-topbar: #003773;
}
.site-st04 {
  --dip-primary: #660066;
  --dip-topbar: #330033;
}
.site-st05 {
  --dip-primary: #00826f;
  --dip-topbar: #004138;
}
.site-st06 {
  --dip-primary: #0d507a;
  --dip-topbar: #07283d;
}
.site-st07 {
  --dip-primary: #000df2;
  --dip-topbar: #000779;
}
.site-st03,
.site-st08,
.site-st09 {
  --dip-primary: #ec0000;
  --dip-topbar: #760000;
}
.site-st10 {
  --dip-primary: #d93100;
  --dip-topbar: #6d1900;
}
.site-st11 {
  --dip-primary: #b02e2f;
  --dip-topbar: #581718;
}
.site-st12 {
  --dip-primary: #545454;
  --dip-topbar: #2a2a2a;
}
.site-sba {
  --dip-primary: #006399;
  --dip-topbar: #00324d;
}

:is(
  .menu-cp .nav-link,
  #navbar-main,
  .modal-dialog,
  .modal-search .form-control,
  #CollapsingNavbar,
  .documentazione-dettaglio__categoria,
  .focus__link a,
  .bg--red,
  .menu-target .dropdown ul,
  .menu-target .dropdown > button
) {
  background-color: var(--dip-primary);
}

/* Regole raggruppate: la maggior parte dei temi includeva anche `.bg--red`;
  st12 e sba non la includevano originariamente, quindi le resetto al base */
:where(.site-st12, .site-sba).bg--red {
  background-color: var(--red);
}

#navbar-top,
#navbar-top :is(.menu-target .dropdown > button, .menu-target .dropdown ul),
#CollapsingNavbar .menu--menu---social {
  background-color: var(--dip-topbar, var(--dip-primary));
}