/* Paleta de cores personalizada */
:root {
    --md-primary-fg-color: #03A9F4;
    /* Azul claro */
    --md-accent-fg-color: #00BCD4;
    /* Ciano */
    --md-typeset-a-color: #0288D1;
    /* Cor dos links */
}

/* Links com cor da marca */
a {
    color: #00283a;
    ;
}

[data-md-color-scheme="slate"] a {
    color: #f4f6ff;
}

a:hover {
    color: #f4f6ff;
}

/* Título da documentação no cabeçalho */
.md-header__topic .md-ellipsis {
    color: #0288D1 !important;
}

/* Cor do ícone de alternância de tema (lua/sol) */
.md-header__button.md-toggle-icon,
.md-header__button.md-toggle-icon.material-icons {
    color: #0288D1 !important;
}

/* Cor do SVG do botão de tema (claro/escuro) */
.md-header__button.md-icon svg {
    fill: #0288D1 !important;
}

/* Modo claro: cabeçalho branco com gradiente sutil */
[data-md-color-scheme="default"] .md-header {
    background: linear-gradient(to right, #ffffff 40%, #03A9F420),
        url('../assets/header-bg.svg') no-repeat right;
    background-size: contain;
}

/* Modo escuro: cabeçalho igual ao fundo escuro */
[data-md-color-scheme="slate"] .md-header {
    background: linear-gradient(to right, #001c2586 40%, #03A9F420),
        url('../assets/header-bg.svg') no-repeat right;
    background-size: contain;

}

/* Plano de fundo personalizado do rodapé */
.md-footer {
    background: linear-gradient(to left, #ffffff00 40%, #03A9F420),
        url('../assets/header-bg.svg') no-repeat right;
    background-size: contain;
    color: #444;
}

/* Ajustes no tamanho da logo */
.md-logo img {
    max-height: 40px;
}

.md-header__button.md-logo img {
    height: 48px !important;
}

/* Logo menor em telas pequenas */
@media screen and (max-width: 768px) {
    .md-header__button.md-logo img {
        height: 36px !important;
    }
}

/* Espaçamento da logo */
.md-header__button.md-logo {
    padding: 4px 8px;
}

/* Estilo dos títulos internos */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
    font-family: 'Roboto', sans-serif;
    color: #0288D1 !important;
}

/* Frases em negrito com cor azul claro */
.md-typeset strong,
.md-typeset b {
    color: #0288D1 !important;
}