/* public/css/custom.css */

:root {
  /* Sovrascrive il colore primario di Bootstrap */
  --bs-primary: #7b1fa2; /* METTI QUI IL TUO VIOLA ESATTO */
  --bs-primary-rgb: 90, 62, 126; /* Versione RGB dello stesso colore */

  /* Opzionale: puoi definire altri colori se vuoi */
  /* --colore-oro-hp: #D4AF37; */
}

/* Assicura che i bottoni primari usino effettivamente la variabile sovrascritta
   (spesso non serve perché Bootstrap usa già la variabile, ma è una sicurezza) */
.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  /* Definisci colori per hover, active, focus per coerenza */
  --bs-btn-hover-bg: #4a148c; /* Un viola leggermente più scuro */
  --bs-btn-hover-border-color: #473062; /* Ancora più scuro */
  --bs-btn-active-bg: #473062;
  --bs-btn-active-border-color: #402b57;
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

/* Puoi cambiare il colore dei link se vuoi */
a {
  color: var(--bs-primary);
}
a:hover {
  color: #4e366d; /* Viola più scuro per hover */
}

/* Cambia colore headings (se vuoi lo stesso viola dei bottoni) */
h1, h2, h3 {
    color: var(--bs-primary);
    /* font-family: 'TuaFontHarryPotter', sans-serif; /* Se vuoi aggiungere un font a tema */
}

/* Stile base per il body (es. sfondo leggermente grigio) */
body {
  background-color: #f8f9fa; /* Grigio chiaro standard di Bootstrap */
  padding-top: 1rem; /* Un po' di spazio sopra */
}

/* Stile per creare un contenitore centrale "tipo card" (opzionale) */
.content-box {
    background-color: #ffffff;
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    margin-top: 1.5rem;
    max-width: 700px; /* Limita la larghezza */
    margin-left: auto;
    margin-right: auto;
}