/* Ritocchi minimi al tema Material per la Guida utente EvoCity */

.md-typeset img {
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

/*
 * Colori personalizzati allineati al brand Maggioli/EvoCity.
 * Valori presi dalla palette ufficiale del design system Maggioli "Magma"
 * (variabili --brand-maggioli-* del pacchetto @maggioli-design-system/styles,
 * usato anche dal frontend reale dell'app EvoCity), verificata anche
 * visivamente sullo screenshot reale della schermata di login.
 * Guida ufficiale (Zensical): https://zensical.org/docs/setup/colors/#custom-colors
 */
:root > * {
  /* Colore primario: blu Maggioli/EvoCity (--brand-maggioli, usato nel logo e nell'header dell'app) */
  --md-primary-fg-color: #00379e;
  --md-primary-fg-color--light: #1f65e8; /* --brand-maggioli-05, il blu più acceso usato nei pulsanti/riquadri */
  --md-primary-fg-color--dark: #0c1a36; /* --brand-maggioli-01, il blu più scuro della palette */

  /* Colore di accento: stessa famiglia di blu, tonalità più chiara per link e hover */
  --md-accent-fg-color: #1f65e8;
  --md-accent-fg-color--transparent: rgba(31, 101, 232, 0.1);
}

/*
 * Il logo "Gruppo Maggioli" ha uno sfondo blu quasi identico al colore
 * primario dell'intestazione: senza un piccolo riquadro chiaro sotto,
 * risulterebbe praticamente invisibile sull'header colorato.
 */
.md-header__button.md-logo img,
.md-nav__button.md-logo img {
  background-color: #ffffff;
  border-radius: 4px;
  padding: 2px;
}