/*
=====================================================
--- STILE GLOBALE PER SFONDO SCURO DEL CONTENUTO ---
=====================================================
*/

/* 1. Imposta lo sfondo e il colore del testo per l'area del contenuto principale */
.container-component {
  background-color: #0a192f;  /* Un blu notte molto scuro e moderno */
  color: #e6f1ff;            /* Testo bianco/azzurrino, più riposante del bianco puro */
  padding: 2rem;
  border-radius: 8px;
}

/* 2. Assicura che i titoli (h1, h2, etc.) siano ben visibili */
.container-component h1,
.container-component h2,
.container-component h3,
.container-component h4 {
  color: #ffffff;
}

/* 3. Rendi i link leggibili e accattivanti sullo sfondo scuro */
.container-component a {
  color: #64ffda; /* Un ciano brillante, ottimo contrasto */
  text-decoration: none;
}

.container-component a:hover {
  text-decoration: underline; /* Aggiunge una sottolineatura al passaggio del mouse */
}