#fw-section-password {
--color-primary: #b3b3b2;
--color-primary-rgb: 179, 179, 178;
--color-background: #002723;
--color-background-rgb: 0, 39, 35;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #b3b3b2;
--color-on-background-rgb: 179, 179, 178;
--color-product-image-background: #b3b3b2;
--color-background-brightness: 27;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-header {
--color-primary: #c7c7c3;
--color-primary-rgb: 199, 199, 195;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #b3b3b2;
--color-on-background-rgb: 179, 179, 178;
--color-product-image-background: #b3b3b2;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
/* Beccate sta navigazione */
.nav-links a {
  color: #c7c7c3;
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease;
}
/* Underline effect on hover */
.nav-links a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -5px;
  left: 0;
  background-color: #c7c7c3;
  transition: width 0.3s ease;
}
/* poi Beccate sto effetto de a' linea sotto la parola ; ciuccia palle 😜 */
.nav-links a:hover::after {
  width: 100%;
}
/* HAHA LMAO*/
/* attaccate ar cazzo e beccate sto main menu*/
nav a, 
.header-nav a,
.main-menu a {
  color: #c7c7c3;
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease;
}
nav a::after,
.header-nav a::after,
.main-menu a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -5px;
  left: 0;
  background-color: #c7c7c3;
  transition: width 0.3s ease;
}
nav a:hover::after,
.header-nav a:hover::after,
.main-menu a:hover::after {
  width: 100%;
}
}