:root {
    --primary: #B70800; /* Base */
    --secondary: #192530; /* Azul escuro */
    --accent: #D00900; /* Contraste */

    --primary-fg: #ffffff;
    --body-fg: #000000;
    --body-bg: #FAFAFA;
    --body-quiet-color: #4f4f4f;
    --body-loud-color: #000000;

    --header-color: #ffffff;
    --header-branding-color: var(--accent);
    --header-bg: var(--secondary);
    --header-link-color: var(--primary-fg);

    --breadcrumbs-fg: #fafafa;
    --breadcrumbs-link-fg: var(--body-bg);
    --breadcrumbs-bg: var(--primary);

    --link-fg: #B70800;
    --link-hover-color: #D00900;
    --link-selected-fg: var(--secondary);

    --hairline-color: #e2e2e2;
    --border-color: #cccccc;

    --error-fg: #cc0000;
    --message-success-bg: #d0f5d0;
    --message-warning-bg: #fff5cc;
    --message-error-bg: #ffe6e6;

    --darkened-bg: #f1f1f1;
    --selected-bg: #f8d7da;
    --selected-row: #fcdcdc;

    --button-fg: #ffffff;
    --button-bg: var(--primary);
    --button-hover-bg: var(--accent);
    --default-button-bg: var(--secondary);
    --default-button-hover-bg: #0f1e2b;

    --close-button-bg: #888888;
    --close-button-hover-bg: #222222;

    --delete-button-bg: #cc0000;
    --delete-button-hover-bg: #a30000;

    --object-tools-fg: var(--button-fg);
    --object-tools-bg: var(--close-button-bg);
    --object-tools-hover-bg: var(--close-button-hover-bg);

    --font-family-primary: "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-family-monospace: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", monospace;
}



@media (prefers-color-scheme: dark) {
    :root {
        --primary: #B70800;                 /* Cor principal Montalvão (vermelho escuro) */
        --primary-fg: #ffffff;              /* Cor do texto sobre a primary */
        --body-fg: #f2f2f2;                 /* Texto geral */
        --body-bg: #1a1a1a;                 /* Fundo geral escuro */
        --body-quiet-color: #cccccc;
        --body-loud-color: #ffffff;
        --breadcrumbs-link-fg: #f7f7f7;
        --breadcrumbs-bg: var(#a63832);

        --link-fg: #ffbaba;                /* Links destacados */
        --link-hover-color: #ff0000;
        --link-selected-fg: #ffe4e4;

        --hairline-color: #2a2a2a;
        --border-color: #3a3a3a;

        --error-fg: #ff6f6f;
        --message-success-bg: #007e33;     /* Verde escuro */
        --message-warning-bg: #9e6a00;     /* Laranja queimado */
        --message-error-bg: #8b0000;       /* Vermelho queimado */

        --darkened-bg: #222222;
        --selected-bg: #292929;
        --selected-row: #5a0000;           /* Vermelho escuro pro destaque */

        --close-button-bg: #333;
        --close-button-hover-bg: #555;
    }
}


/* Exemplo simples */
#header {
    background-color: #B70800; /* azul escuro */
}
#header #site-name a{
    display: flex;
    color: #fafafa00;
    font-weight: 800;
    background-image: url('/static/icons/logo-white.v20250828151340.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 300px;
    height: 70px;
}
.module caption {
    background: #720600; 
    color: #fff!important;
}

#branding h1 {
    color: #fff !important;
    font-weight: bold;
}

a {
    color: #337ab7;
}