/* ===================================================================
   TEMA INSTITUCIONAL SANTA SAÚDE
   Paleta corporativa e tipografia global
   =================================================================== */

:root {
    --brand-green: #27A662;
    --brand-dark: #26292E;
    --brand-white: #FFFFFF;

    --font-brand-primary: 'Montserrat', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

    --bs-font-sans-serif: var(--font-brand-primary);
    --bs-body-font-family: var(--font-brand-primary);

    --bs-primary: var(--brand-green);
    --bs-primary-rgb: 39, 166, 98;

    --bs-secondary: var(--brand-dark);
    --bs-secondary-rgb: 38, 41, 46;

    --bs-success: var(--brand-green);
    --bs-success-rgb: 39, 166, 98;

    --bs-info: var(--brand-dark);
    --bs-info-rgb: 38, 41, 46;

    --bs-warning: var(--brand-green);
    --bs-warning-rgb: 39, 166, 98;

    --bs-danger: var(--brand-dark);
    --bs-danger-rgb: 38, 41, 46;

    --bs-dark: var(--brand-dark);
    --bs-dark-rgb: 38, 41, 46;

    --bs-light: var(--brand-white);
    --bs-light-rgb: 255, 255, 255;

    --bs-link-color: var(--brand-green);
    --bs-link-hover-color: #218d53;
}

html,
body {
    font-family: var(--font-brand-primary) !important;
}

.navbar.navbar-dark.bg-primary,
.bg-primary {
    background-color: var(--brand-dark) !important;
}

.text-primary,
.btn-link,
a {
    color: var(--brand-green);
}

a:hover,
a:focus,
.text-primary:hover,
.text-primary:focus,
.btn-link:hover,
.btn-link:focus {
    color: #218d53;
}

.btn-primary,
.btn-success,
.btn-warning,
.btn-info {
    background-color: var(--brand-green) !important;
    border-color: var(--brand-green) !important;
    color: var(--brand-white) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-success:hover,
.btn-success:focus,
.btn-warning:hover,
.btn-warning:focus,
.btn-info:hover,
.btn-info:focus {
    background-color: #218d53 !important;
    border-color: #218d53 !important;
    color: var(--brand-white) !important;
}

.btn-danger,
.btn-secondary,
.bg-secondary,
.bg-danger {
    background-color: var(--brand-dark) !important;
    border-color: var(--brand-dark) !important;
    color: var(--brand-white) !important;
}

.text-danger {
    color: var(--brand-dark) !important;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-secondary:hover,
.btn-secondary:focus {
    background-color: #1e2024 !important;
    border-color: #1e2024 !important;
    color: var(--brand-white) !important;
}

.navbar .navbar-brand,
.navbar .nav-link,
.navbar .dropdown-toggle,
.navbar .dropdown-item,
.navbar-dark .navbar-brand,
.navbar-dark .navbar-nav .nav-link {
    font-family: var(--font-brand-primary) !important;
}

.navbar .nav-link,
.navbar .dropdown-item {
    transition: background-color 0.2s ease, color 0.2s ease;
}

.navbar-dark {
    --bs-navbar-hover-color: #27A662;
    --bs-navbar-active-color: #27A662;
    --bs-navbar-toggler-border-color: rgba(39, 166, 98, 0.45);
}

.navbar,
.navbar .dropdown-menu {
    --bs-dropdown-link-active-bg: rgba(39, 166, 98, 0.16);
    --bs-dropdown-link-active-color: #26292E;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:active,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link.show {
    color: #27A662 !important;
    background-color: rgba(39, 166, 98, 0.16) !important;
    border-radius: 0.375rem;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:active,
.dropdown-menu .dropdown-item.active {
    color: #26292E !important;
    background-color: rgba(39, 166, 98, 0.16) !important;
}

.navbar-toggler:focus,
.nav-link:focus,
.dropdown-item:focus {
    box-shadow: 0 0 0 0.2rem rgba(39, 166, 98, 0.25) !important;
}

.badge.bg-success,
.badge.bg-primary,
.badge.bg-warning,
.alert-success,
.alert-info,
.table-primary,
.table-success {
    background-color: rgba(39, 166, 98, 0.12) !important;
    color: #1f8a51 !important;
    border-color: rgba(39, 166, 98, 0.24) !important;
}

.badge.bg-danger,
.alert-danger,
.table-danger {
    background-color: rgba(38, 41, 46, 0.12) !important;
    color: var(--brand-dark) !important;
    border-color: rgba(38, 41, 46, 0.24) !important;
}

footer.bg-dark {
    background-color: var(--brand-dark) !important;
}

/* ===================================================================
   CARDS - Padronização visual do sistema interno
   =================================================================== */

.card {
    border: 1px solid rgba(38, 41, 46, 0.16);
}

.card-totalizadores {
    border: 1px solid rgba(38, 41, 46, 0.16) !important;
    border-left: 4px solid #27A662 !important;
    border-radius: 0.5rem;
}

.card.bg-primary,
.card.bg-info,
.card.bg-success,
.card.bg-warning,
.card.bg-danger,
.card.bg-secondary {
    border: 1px solid rgba(38, 41, 46, 0.16) !important;
    border-left: 4px solid #27A662 !important;
}
