/**
 * CONSTRONEX — identidade visual
 * Azul: #012c6c | Laranja: #fe8a09
 */

:root,
[data-bs-theme="light"] {
    --constron-primary: #fe8a09;
    --constron-primary-rgb: 254, 138, 9;
    --constron-primary-dark: #e67d08;
    --constron-primary-light: #fff4e6;
    --constron-dark: #012c6c;
    --constron-dark-rgb: 1, 44, 108;

    /* Painéis admin / provider */
    --bs-primary: #fe8a09;
    --bs-primary-rgb: 254, 138, 9;
    --bs-primary-dark: #e67d08;
    --bs-primary-light: #fff4e6;
    --bs-primary-light-bg: rgba(254, 138, 9, 0.12);
    --btn-rgb: 254, 138, 9;
    --input-border-color-active: rgba(254, 138, 9, 0.45);
    --bs-dark: #012c6c;
    --absolute-dark: #012c6c;
    --bg-box-clr3: #fff4e6;

    /* Landing */
    --base-clr: #fe8a09;
    --base-rgb: 254, 138, 9;
    --btn-clr: #fe8a09;
    --btn-clr-dark: #e67d08;
    --base-title: #012c6c;
    --title-clr: #012c6c;
    --title-rgb: 1, 44, 108;
    --body-clr: #012c6c;
    --primary-clr: #fe8a09;
    --primary-rgb: 254, 138, 9;
    --dark-clr: #012c6c;
    --dark-rgb: 1, 44, 108;
    --footer: #012c6c;
    --footer-bottom: #011f4f;
    --section-light: #fafafa;
}

[data-bs-theme="dark"] {
    --bs-primary: #fe8a09;
    --bs-primary-rgb: 254, 138, 9;
    --bs-primary-dark: #e67d08;
    --bg-color: #012c6c;
    --bg-color2: #013a85;
    --bg-box-clr3: #013a85;
}

.dark-theme {
    --base-clr: #fe8a09;
    --btn-clr: #fe8a09;
    --btn-clr-dark: #e67d08;
    --base-rgb: 254, 138, 9;
    --base-title: #fe8a09;
    --title-clr: #f0f0f0;
    --body-clr: #c8cdd2;
    --bs-body-bg: #012c6c;
    --header-bg: rgba(1, 44, 108, 0.97);
    --footer: #012c6c;
    --footer-bottom: #011f4f;
    --section-bg: rgba(1, 44, 108, 0.85);
    --section-light: #013a85;
}

/* Botões primários */
.btn--primary,
.btn--primary[disabled],
.btn-primary,
.wizard .actions ul a,
.cmn--btn.style--two,
.cmn--btn:not(.bg--secondary):not(.bg--danger):not(.bg--success) {
    background-color: #fe8a09 !important;
    border-color: #fe8a09 !important;
    color: #fff !important;
}

.btn--primary:hover,
.btn--primary:focus,
.btn-primary:hover,
.btn-primary:focus,
.wizard .actions ul a:hover {
    background-color: #e67d08 !important;
    border-color: #e67d08 !important;
    color: #fff !important;
}

.btn-outline--primary {
    color: #012c6c !important;
    border-color: #fe8a09 !important;
}

.btn-outline--primary:hover,
.btn-outline--primary:focus {
    background-color: #fe8a09 !important;
    color: #fff !important;
}

.active-menu {
    color: #fe8a09 !important;
}

.text--base,
.text--primary,
.text-primary,
a.text--base {
    color: #fe8a09 !important;
}

.title-color.text-primary,
.text-title {
    color: #012c6c;
}

.header {
    border-bottom-color: rgba(1, 44, 108, 0.08) !important;
}

.navbar-bottom-wrapper .menu a.active span,
.navbar-bottom-wrapper .menu a:hover span {
    color: #fe8a09;
}

.cmn--btn,
.banner__btn,
.btn--white.text--base {
    background: #fe8a09 !important;
    color: #fff !important;
    border-color: #fe8a09 !important;
}

.cmn--btn:hover {
    background: #e67d08 !important;
    border-color: #e67d08 !important;
    color: #fff !important;
}

footer {
    background: #012c6c !important;
}

.navbar-top {
    background: #012c6c !important;
}

.navbar-top .tel-link {
    color: #fe8a09 !important;
}

.form-control:focus,
.form-select:focus,
.custom-select:focus {
    border-color: #fe8a09 !important;
    box-shadow: 0 0 0 0.2rem rgba(254, 138, 9, 0.25) !important;
}

.page-item.active .page-link,
.badge-primary {
    background-color: #fe8a09 !important;
    border-color: #fe8a09 !important;
    color: #fff !important;
}

.form-check-input:checked {
    background-color: #fe8a09 !important;
    border-color: #fe8a09 !important;
}

.preloader {
    background: #012c6c;
}