@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600&display=swap');


/* Código inline estilo Visual Studio Dark+ */
[data-md-color-scheme="slate"] .md-typeset code {
  background-color: #2d2d30;
  color: #dcdcaa;
  font-family: Consolas, 'Fira Code', 'Courier New', monospace !important;
  font-size: 0.85rem;
  font-weight: 500;
  padding: 0.15em 0.4em;
  border-radius: 4px;
}


/* Aparência para blocos de código múltiplas linhas */
pre {
  background-color: #3b3b3b;       /* Fundo consistente com VS Dark+ */
  padding: 0.7rem !important;        /* Espaço interno generoso */
  border-radius: 6px;
  overflow-x: auto;
  margin: 1rem 0;
}

pre code {
  display: block;
  padding: 0 !important;           /* Remove padding interno duplicado */
  font-family: Consolas, 'Fira Code', 'Courier New', monospace !important;
}

/* Estilo personalizado leve para admonitions (!!! note, !!! tip, etc.) */
.md-typeset .admonition.note,
.md-typeset details.note {
  border-left: 4px solid #42a5f5;
  background-color: #f0f4ff;
  padding: 1rem;
  border-radius: 4px;
}

/* =============================================================================
   Ajustes visuais para tema escuro (slate) do mkdocs-material
   Corrige a aparência dos blocos !!! note no modo escuro
   ============================================================================ */

[data-md-color-scheme="slate"] .md-typeset .admonition.note,
[data-md-color-scheme="slate"] .md-typeset details.note {
  border-left: 4px solid #42a5f5;
  background-color: #1e1e1e;
  color: #e0e0e0;
}

[data-md-color-scheme="slate"] .md-typeset .admonition-title {
  background-color: #2a2a2a;
  color: #a0c4ff;
}

/* Código inline com melhor contraste no dark mode */
[data-md-color-scheme="slate"] .md-typeset code {
  background-color: #3b3b3b;   /* fundo mais contrastante */
  color: #ffd866;              /* amarelo suave e vibrante */
  font-family: Consolas, 'Fira Code', 'Courier New', monospace !important;
  border-radius: 4px;
  padding: 0.07em 0.35em;
  font-size: 0.72rem;
  font-weight: 400;
}