/* Importando fontes */
@import url('https://fonts.googleapis.com/css2?family=Exo:wght@500;700&family=Open+Sans:wght@400;600&family=Varela&display=swap');

:root {
  --md-text-font: "Open Sans", sans-serif;
  --md-code-font: "Fira Code", monospace;  /* Mantido, se usar código */
}

/* Títulos */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-family: "Varela", sans-serif;
}

/* Destaques como blocos de alerta, tabs, badges, callouts etc */
.md-typeset .admonition,
.md-typeset .tab,
.md-typeset .badge,
.md-typeset strong,
.md-typeset em,
.md-typeset a {
  font-family: "Exo", sans-serif;
}


/* Tema claro */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #78D4AE;      /* Cor da navbar, links principais */
  --md-primary-bg-color: #F7F2E8;      /* Cor de fundo da navbar */
  --md-default-bg-color: #F7F2E8;      /* Cor de fundo padrão */
  --md-accent-fg-color: #EF8275;       /* Destaques */
  --md-typeset-color: #2E2F2F;         /* Texto principal */
  --md-code-bg-color: #ECE1CA;         /* Fundo do código */
  --md-typeset-a-color: #8684E0 !important;       /* Hyperlinks padrão */
  --md-typeset-a-color--hover: #EF8275; /* Hyperlinks hover */
  --md-admonition-bg-color: #F7F2E8; /* Fundo de blocos de aviso */
}

/* Tema escuro */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #084C61;
  --md-accent-fg-color: #78D4AE;
  --md-typeset-color: #F7F2E8;
  --md-code-bg-color: #2E2F2F;
  --md-typeset-a-color: #8684E0 !important;
  --md-typeset-a-color--hover: #78D4AE;
}

/* Links ativos na aba superior (tabs) */
.md-tabs__link--active,
.md-tabs__link:hover {
  color: #8684E0 !important;
  font-weight: bold;
}

/* Listas personalizadas */
ul {
  list-style-type: disc;
  margin-left: 20px;
}

ul ul {
  list-style-type: circle;
  margin-left: 20px;
}

ul ul ul {
  list-style-type: square;
  margin-left: 20px;
}