/**
 * SEDET: visual do SGA antigo (NovoSGA 2.0 / Bootstrap 4) aplicado sobre o Bootstrap 5 do 2.3.
 * Cores, fonte, tamanhos de título e cantos iguais aos do sistema antigo.
 */

:root {
    /* fonte do Bootstrap 4 */
    --bs-font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

    /* paleta do Bootstrap 4 */
    --bs-primary: #007bff;
    --bs-primary-rgb: 0, 123, 255;
    --bs-success: #28a745;
    --bs-success-rgb: 40, 167, 69;
    --bs-info: #17a2b8;
    --bs-info-rgb: 23, 162, 184;
    --bs-dark: #343a40;
    --bs-dark-rgb: 52, 58, 64;

    --bs-link-color: #007bff;
    --bs-link-color-rgb: 0, 123, 255;
    --bs-link-hover-color: #0056b3;
    --bs-link-hover-color-rgb: 0, 86, 179;

    /* cantos do Bootstrap 4 */
    --bs-border-radius: .25rem;
    --bs-border-radius-sm: .2rem;
    --bs-border-radius-lg: .3rem;
}

/* títulos com tamanho fixo, como no Bootstrap 4 */
h1, .h1 { font-size: 2.5rem; }
h2, .h2 { font-size: 2rem; }
h3, .h3 { font-size: 1.75rem; }
h4, .h4 { font-size: 1.5rem; }

/* margens laterais do Bootstrap 4 (15px) */
.container,
.container-fluid {
    --bs-gutter-x: 30px;
}

/* logo a 16px da borda, como no antigo */
.navbar > .container-fluid {
    padding-left: 1rem;
    padding-right: 1rem;
}

/* barra superior: links no tom do Bootstrap 4 */
.navbar {
    --bs-navbar-color: rgba(0, 0, 0, .5);
    --bs-navbar-hover-color: rgba(0, 0, 0, .7);
    --bs-navbar-active-color: rgba(0, 0, 0, .9);
    --bs-navbar-brand-padding-y: .3125rem;
}

/* botões */
.btn-primary {
    --bs-btn-bg: #007bff;
    --bs-btn-border-color: #007bff;
    --bs-btn-hover-bg: #0069d9;
    --bs-btn-hover-border-color: #0062cc;
    --bs-btn-active-bg: #0062cc;
    --bs-btn-active-border-color: #005cbf;
    --bs-btn-disabled-bg: #007bff;
    --bs-btn-disabled-border-color: #007bff;
    --bs-btn-focus-shadow-rgb: 38, 143, 255;
}

.btn-success {
    --bs-btn-bg: #28a745;
    --bs-btn-border-color: #28a745;
    --bs-btn-hover-bg: #218838;
    --bs-btn-hover-border-color: #1e7e34;
    --bs-btn-active-bg: #1e7e34;
    --bs-btn-active-border-color: #1c7430;
    --bs-btn-disabled-bg: #28a745;
    --bs-btn-disabled-border-color: #28a745;
}

.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #17a2b8;
    --bs-btn-border-color: #17a2b8;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #138496;
    --bs-btn-hover-border-color: #117a8b;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #117a8b;
    --bs-btn-active-border-color: #10707f;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #17a2b8;
    --bs-btn-disabled-border-color: #17a2b8;
}

.btn-dark {
    --bs-btn-bg: #343a40;
    --bs-btn-border-color: #343a40;
    --bs-btn-hover-bg: #23272b;
    --bs-btn-hover-border-color: #1d2124;
    --bs-btn-active-bg: #1d2124;
    --bs-btn-active-border-color: #171a1d;
}

.btn-outline-primary {
    --bs-btn-color: #007bff;
    --bs-btn-border-color: #007bff;
    --bs-btn-hover-bg: #007bff;
    --bs-btn-hover-border-color: #007bff;
    --bs-btn-active-bg: #007bff;
    --bs-btn-active-border-color: #007bff;
}

/* campos com foco azul do Bootstrap 4 */
.form-control:focus,
.form-select:focus {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}

/* "jumbotron" do Bootstrap 4 (removido no 5), usado na tela inicial */
.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem;
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem;
    }
}