:root {

    /* =====================
       BOOTSTRAP OVERRIDE
    ===================== */

    --bs-primary: #3867B7;
    --bs-secondary: #6c757d;
    --bs-success: #00a653;
    --bs-danger: #f44336;
    --bs-warning: #f8cc0a;
    --bs-info: #009efb;

    /* =====================
    PRINCIPAIS HF
    ===================== */

    --hf-primary: #3867B7;
    --hf-primary-2: #066bb3;
    --hf-primary-hover: #034c87;
    --hf-primary-active: #002e5c;
    --hf-primary-light: #c1d4e4;

    --hf-info: #009efb;
    --hf-success: #00a653;
    --hf-danger: #f44336;
    --hf-warning: #f8cc0a;

    --hf-text: #3a3a3a;
    --hf-text-light: #58555E;

    --hf-bg: #ffffff;
    --hf-bg-soft: #eff3f6;
    --hf-border: #e3e3e3;

    --hf-subnav-bg: var(--hf-primary);

    /* ========= card dashboard  ========= */

--hf-card-hover: #a187c7;
    /* ========= CORES NEUTRAS ========= */

--hf-gray-50: #f8f9fa;
--hf-gray-100: #f7f7f7;
--hf-gray-200: #eee;
--hf-gray-300: #e3e3e3;
--hf-gray-400: #ccc;
--hf-gray-500: #777;
--hf-gray-600: #54667a;

/* ========= DATATABLE ========= */

--hf-dt-selected: var(--hf-primary);
--hf-dt-selected-text: #fff;
--hf-dt-hover: rgba(56,103,183,0.08);

/* ========= FILE UPLOAD ========= */

--hf-upload-success: var(--hf-success);
--hf-upload-success-hover: #01930d;
--hf-upload-danger: var(--hf-danger);

/* ========= CALLOUT ========= */

--hf-callout-primary: var(--hf-primary);
--hf-callout-success: var(--hf-success);
--hf-callout-danger: var(--hf-danger);
--hf-callout-warning: var(--hf-warning);
--hf-callout-info: var(--hf-info);
}

/* =========================================
   BOTÕES HF
========================================= */

.hf-btn {
    border-radius: 12px !important;
}

.hf-btn.hf-btn-primary {
    background: var(--hf-primary-2);
    border: 1px solid var(--hf-primary-2);
    color: #fff;
}

.hf-btn.hf-btn-primary:hover {
    background: var(--hf-primary-hover);
    border-color: var(--hf-primary-hover);
}

.hf-btn.hf-btn-primary:active {
    background: var(--hf-primary-active);
    border-color: var(--hf-primary-active);
}

.hf-btn.hf-btn-secondary {
    background: var(--bs-secondary);
    color: #fff;
}

.hf-btn.hf-btn-danger {
    border: 1px solid var(--hf-danger) !important;
    color: var(--hf-danger) !important;
}

/* =========================================
   NAV / SUBNAV
========================================= */

.bg_subnav {
    background-color: var(--hf-subnav-bg) !important;
}

.bg_nav {
    background-color: var(--hf-bg-soft) !important;
}

.nav__link:hover {
    color: var(--hf-primary);
}

/* =========================================
   STEPS / STATUS
========================================= */

.container-steps .step.completed {
    background-color: var(--hf-info);
}

.container-steps .line:after {
    background-color: var(--hf-info);
}

/* =========================================
   OKR
========================================= */

.okr .objectives-informations-box .objectives-informations-icon {
    color: var(--hf-primary-2);
}

/* =========================================
   LINKS
========================================= */

a {
    color: var(--hf-primary-2);
}

a:hover {
    color: var(--hf-primary-hover);
}

/* =========================================
   TEXTOS
========================================= */

body {
    background-color: var(--hf-bg);
    color: var(--hf-text-light);
}