:root {
  /* Schema chiaro - colore primario blu scuro per contrasto con il logo arancione */
  --md-primary-fg-color: #333F6B;
  --md-primary-fg-color--light: #4C5D9E;
  --md-primary-fg-color--dark: #22294A;
  
  /* Schema chiaro - colore accent viola */
  --md-accent-fg-color: #7C54AF;
  --md-accent-fg-color--light: #9e76d1;
  --md-accent-fg-color--dark: #5a3982;
}

/* Override per lo schema scuro */
[data-md-color-scheme="slate"] {
  /* Schema scuro - colore primario grigio scuro bluastro per contrasto con logo */
  --md-primary-fg-color: #2A2A42;
  --md-primary-fg-color--light: #3E3E60;
  --md-primary-fg-color--dark: #1A1A28;
  
  --md-accent-fg-color: #E74E0F;
  --md-accent-fg-color--light: #ff7239;
  --md-accent-fg-color--dark: #b13700;
}

.md-typeset code {
  font-size: 0.85em;
}

.md-typeset table:not([class]) {
  font-size: 0.85em;
}

.md-grid {
  max-width: 1200px;
}

.md-header {
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1), 0 0.2rem 0.4rem rgba(0, 0, 0, 0.2);
}

/* Migliora la visibilità del logo */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  width: 2.2rem;
  height: 2.2rem;
  filter: drop-shadow(0 0 0.05rem rgba(0, 0, 0, 0.1));
}

/* Schema chiaro: migliora il contrasto per il logo arancione */
[data-md-color-scheme="default"] .md-header__button.md-logo {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  padding: 0.1rem;
}

/* Schema scuro: migliora il contrasto per il logo viola */
[data-md-color-scheme="slate"] .md-header__button.md-logo {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  padding: 0.1rem;
}