/* Cores do portal. O laranja é a ação. Verde, âmbar, vermelho e azul de status ficam nos componentes do Bootstrap. */

:root {
    --bb-primary: #FF7A00;
    --bb-primary-hover: #E66E00;
    --bb-primary-pressed: #CC6200;
    --bb-on-primary: #1C140C;
    --bb-link: #C45C00;
    --bb-background: #F7F8FA;
    --bb-surface: #FFFFFF;
    --bb-surface-elevated: #FFFFFF;
    --bb-header: #FFFFFF;
    --bb-text: #202532;
    --bb-text-secondary: #647084;
    --bb-title: #262F65;
    --bb-border: #E2E5EB;
    --bb-focus: #FF7A00;
    --bb-navy: #060C29;

    --bs-primary: #FF7A00;
    --bs-primary-rgb: 255, 122, 0;
    --bs-link-color: var(--bb-link);
    --bs-link-hover-color: var(--bb-primary-hover);
    --bs-body-bg: var(--bb-background);
    --bs-body-color: var(--bb-text);
    --bs-secondary-color: var(--bb-text-secondary);
    --bs-emphasis-color: var(--bb-title);
    --bs-border-color: var(--bb-border);
    --bs-secondary-bg: var(--bb-background);
    --bs-tertiary-bg: #EEF0F4;
    --bs-card-bg: var(--bb-surface);
    --bs-card-color: var(--bb-text);
    --bs-card-cap-bg: var(--bb-surface);
    --bs-modal-bg: var(--bb-surface);
    --bs-modal-color: var(--bb-text);
    --bs-dropdown-bg: var(--bb-surface);
    --bs-dropdown-color: var(--bb-text);
    --bs-dropdown-link-color: var(--bb-text);
    --bs-dropdown-link-hover-color: var(--bb-on-primary);
    --bs-dropdown-link-hover-bg: var(--bb-primary);
    color-scheme: light;
}

[data-bs-theme="dark"] {
    --bb-link: #FF7A00;
    --bb-background: #12141A;
    --bb-surface: #22262F;
    --bb-surface-elevated: #2A2F3A;
    --bb-header: #1A1D26;
    --bb-text: #F4F1EA;
    --bb-text-secondary: #B8B3A8;
    --bb-title: #F4F1EA;
    --bb-border: #3A4050;
    --bs-link-color: var(--bb-link);
    --bs-link-hover-color: #FFB066;
    --bs-body-bg: var(--bb-background);
    --bs-body-color: var(--bb-text);
    --bs-secondary-color: var(--bb-text-secondary);
    --bs-emphasis-color: var(--bb-title);
    --bs-border-color: var(--bb-border);
    --bs-secondary-bg: var(--bb-header);
    --bs-tertiary-bg: var(--bb-surface-elevated);
    --bs-card-bg: var(--bb-surface);
    --bs-card-color: var(--bb-text);
    --bs-card-cap-bg: var(--bb-header);
    --bs-modal-bg: var(--bb-surface);
    --bs-modal-color: var(--bb-text);
    --bs-dropdown-bg: var(--bb-surface-elevated);
    --bs-dropdown-color: var(--bb-text);
    --bs-dropdown-link-color: var(--bb-text);
    --bs-dropdown-link-hover-color: var(--bb-on-primary);
    --bs-dropdown-link-hover-bg: var(--bb-primary);
    color-scheme: dark;
}

body {
    background-color: var(--bb-background);
    color: var(--bb-text);
}

.card,
.modal-content,
.dropdown-menu,
.list-group-item {
    background-color: var(--bb-surface);
    color: var(--bb-text);
    border-color: var(--bb-border);
}

.card-header,
.modal-header {
    background-color: var(--bb-header);
    color: var(--bb-text);
    border-color: var(--bb-border);
}

.dropdown-item {
    color: var(--bb-text);
}

.form-control,
.form-select {
    background-color: var(--bb-surface-elevated);
    color: var(--bb-text);
    border-color: var(--bb-border);
}

.text-muted {
    color: var(--bb-text-secondary) !important;
}

h1, h2, h3, .h1, .h2, .h3 {
    color: var(--bb-title);
}

.bb-header {
    background-color: var(--bb-header);
    border-bottom: 1px solid var(--bb-border);
    --bs-navbar-color: var(--bb-text);
    --bs-navbar-hover-color: var(--bb-primary);
    --bs-navbar-active-color: var(--bb-primary);
    --bs-navbar-brand-color: var(--bb-title);
    --bs-navbar-brand-hover-color: var(--bb-primary);
    --bs-navbar-toggler-border-color: var(--bb-border);
}

.bb-header .nav-link.active {
    color: var(--bb-primary);
    font-weight: 600;
}

[data-bs-theme="dark"] .bb-header .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28244, 241, 234, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.bb-tema {
    background: transparent;
    border: 0;
    color: var(--bb-text);
}

.bb-tema:hover,
.bb-tema:focus {
    color: var(--bb-primary);
}

.btn-primary {
    --bs-btn-color: var(--bb-on-primary);
    --bs-btn-bg: var(--bb-primary);
    --bs-btn-border-color: var(--bb-primary-hover);
    --bs-btn-hover-color: var(--bb-on-primary);
    --bs-btn-hover-bg: var(--bb-primary-hover);
    --bs-btn-hover-border-color: var(--bb-primary-pressed);
    --bs-btn-active-color: var(--bb-on-primary);
    --bs-btn-active-bg: var(--bb-primary-pressed);
    --bs-btn-active-border-color: var(--bb-primary-pressed);
    --bs-btn-disabled-color: var(--bb-on-primary);
    --bs-btn-disabled-bg: var(--bb-primary);
    --bs-btn-disabled-border-color: var(--bb-primary);
    --bs-btn-focus-shadow-rgb: 255, 122, 0;
}

.btn-outline-primary {
    --bs-btn-color: var(--bb-link);
    --bs-btn-border-color: var(--bb-primary);
    --bs-btn-hover-color: var(--bb-on-primary);
    --bs-btn-hover-bg: var(--bb-primary);
    --bs-btn-hover-border-color: var(--bb-primary);
    --bs-btn-active-color: var(--bb-on-primary);
    --bs-btn-active-bg: var(--bb-primary-pressed);
    --bs-btn-active-border-color: var(--bb-primary-pressed);
    --bs-btn-focus-shadow-rgb: 255, 122, 0;
}

.bg-primary,
.badge.bg-primary,
.bg-primary.text-white,
.card-header.bg-primary,
.modal-header.bg-primary {
    background-color: var(--bb-primary) !important;
    color: var(--bb-on-primary) !important;
}

.card-stats {
    border-left: 4px solid var(--bb-primary);
}

.table th {
    background-color: var(--bs-tertiary-bg);
    color: var(--bb-text);
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: var(--bb-focus);
    box-shadow: 0 0 0 0.25rem rgba(255, 122, 0, 0.25);
}

.form-check-input:checked {
    background-color: var(--bb-primary);
    border-color: var(--bb-primary-hover);
}

.loading::after {
    border-top-color: var(--bb-primary);
}

.footer.bg-light {
    background-color: var(--bb-header) !important;
    color: var(--bb-text-secondary) !important;
}

.footer a {
    color: var(--bb-link);
    text-decoration: none;
}

.footer a:hover {
    color: var(--bb-primary-hover);
}