/* =========================================================
   BOOTSTRAP THEME VARIABLES
========================================================= */

:root {

    /* =====================================================
       BRAND COLORS
    ===================================================== */

    --bs-primary: #F77F00;
    --bs-primary-rgb: 247, 127, 0;
    --bs-primary-text-emphasis: #7A3F00;
    --bs-primary-bg-subtle: #FFF1E2;
    --bs-primary-border-subtle: #FFD2A8;

    --bs-info: #007DF3;
    --bs-info-rgb: 0, 125, 243;
    --bs-info-text-emphasis: #003E79;
    --bs-info-bg-subtle: #E6F2FF;
    --bs-info-border-subtle: #A8D0FF;

    --bs-warning: #F5BF00;
    --bs-warning-rgb: 245, 191, 0;
    --bs-warning-text-emphasis: #7A5E00;
    --bs-warning-bg-subtle: #FFF8D9;
    --bs-warning-border-subtle: #FFE89A;

    --bs-danger: #F13936;
    --bs-danger-rgb: 241, 57, 54;
    --bs-danger-text-emphasis: #7A1D1B;
    --bs-danger-bg-subtle: #FFE8E7;
    --bs-danger-border-subtle: #FFB8B6;

    --bs-success: #2DA56B;
    --bs-success-rgb: 45, 165, 107;
    --bs-success-text-emphasis: #146B43;
    --bs-success-bg-subtle: #E7F8EF;
    --bs-success-border-subtle: #B8E8CF;

    /* =====================================================
       GLOBAL COLORS
    ===================================================== */

    --bs-body-bg: #FFFCF8;
    --bs-body-color: #5B4B42;

    --bs-border-color: #E9DED2;

    --bs-link-color: #F77F00;
    --bs-link-hover-color: #C96400;

    /* =====================================================
       CUSTOM SITE VARIABLES
    ===================================================== */

    --site-header-bg: #FFFDF9;
    --site-header-border: #F2E6D8;

    --site-text: #5B4B42;
    --site-text-soft: #8C7B70;

    --site-success-soft: #E7F8EF;
    --site-success-text: #2DA56B;

    /* =====================================================
       BORDER RADIUS
    ===================================================== */

    --bs-border-radius: 0.75rem;
    --bs-border-radius-sm: 0.5rem;
    --bs-border-radius-lg: 1rem;

    /* =====================================================
       SHADOWS
    ===================================================== */

    --bs-box-shadow-sm:
        0 2px 6px rgba(0, 0, 0, 0.05);

    --bs-box-shadow:
        0 4px 16px rgba(0, 0, 0, 0.08);

    --bs-box-shadow-lg:
        0 10px 30px rgba(0, 0, 0, 0.12);
}

.nav-pills {
   --bs-nav-pills-link-active-color: #FFFFFF;
   --bs-nav-pills-link-active-bg: var(--bs-primary);
}

.nav-pills .nav-link {
   color: var(--bs-primary-text-emphasis);
   background-color: var(--bs-primary-bg-subtle);
   border: 1px solid var(--bs-primary-border-subtle);
   transition:
      color 0.2s ease,
      background-color 0.2s ease,
      border-color 0.2s ease,
      box-shadow 0.2s ease;
}

.nav-pills .nav-link:hover,
.nav-pills .nav-link:focus-visible {
   color: var(--bs-primary);
   background-color: rgba(var(--bs-primary-rgb), 0.12);
   border-color: rgba(var(--bs-primary-rgb), 0.35);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
   color: var(--bs-nav-pills-link-active-color);
   background-color: var(--bs-nav-pills-link-active-bg);
   border-color: var(--bs-primary);
   box-shadow: 0 10px 22px rgba(var(--bs-primary-rgb), 0.22);
}