/* Fonte custom (self-hosted):
   Coloque os arquivos em: docs/assets/fonts/
   - VastXL-Light.woff2 (recomendado)
   - VastXL-Light.woff  (fallback opcional)
*/
@font-face {
    font-family: "Vast XL Light";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src:
        url("../fonts/VastXL-Light.woff2") format("woff2"),
        url("../fonts/VastXL-Light.woff") format("woff");
}

/* Aplicar a fonte em TODO o site (Material for MkDocs) */
:root {
    --md-text-font: "Roboto";
}

.md-typeset,
.md-nav,
.md-header,
.md-footer {
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    font-weight: 400;
}

/* Aumentar largura do container principal */
.md-grid {
    max-width: 1600px;
}

/* Expandir ainda mais em telas grandes */
@media (min-width: 1400px) {
    .md-grid {
        max-width: 95%;
    }
}

/* Garantir que o conteúdo interno use toda a largura */
.md-content__inner {
    max-width: 100%;
}

/* Elementos internos ocupando largura total */
.md-typeset__table,
.md-typeset img,
.md-typeset iframe {
    max-width: 100%;
}

/* Fundo geral */
.md-main {
    background-color: #ffffff;
}

/* Títulos */
.md-typeset h1 {
    color: var(--md-default-fg-color);
    font-weight: 800;
    font-family: "Vast XL Light", var(--md-text-font);
}

.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
    font-weight: 800;
    font-family: "Vast XL Light", var(--md-text-font);
}

.md-typeset h2 {
    color: #ff3b3b;
    border-bottom: 1px solid #333;
    padding-bottom: 5px;
}

/* Mais espaço + “linha” entre seções (ex: snippets/MDs em uma mesma página) */
.md-typeset * + h1 {
    margin-top: 2.5rem;
    padding-top: 1.5rem;
    border-top: 2px solid var(--md-default-fg-color--lighter);
}

/* Texto principal expandido */
.md-typeset {
    font-size: 16px;
    line-height: 1.7;
    max-width: 100%;
}

/* Sidebar */
.md-nav {
    font-size: 13px;
}

/* Links */
a {
    color: #ff3b3b;
}

/* Caixa de destaque */
.highlight-box {
    background-color: #1a1a1a;
    border-left: 4px solid #ff3b3b;
    padding: 10px;
    margin: 20px 0;
}