/* =========================================================
   HEADER
========================================================= */

.site-header {

    background-color: var(--site-header-bg);

    border-bottom:
        1px solid var(--site-header-border);

    position: sticky;

    top: 0;

    z-index: 1000;
}

/* =========================================================
   NAVBAR
========================================================= */

.site-navbar {

    padding:
        1rem
        0;
}

.site-navbar .nav-link {

    color: var(--site-text);

    font-weight: 500;

    transition: color 0.2s ease;
}

.site-navbar .nav-link:hover {

    color: var(--bs-primary);
}

/* =========================================================
   HERO
========================================================= */

.hero-section {

    min-height: 80vh;

    display: flex;
    align-items: center;

    background:
        linear-gradient(
            180deg,
            #FFFDF9 0%,
            #FFF6EB 100%
        );
}

/* =========================================================
   FOOTER
========================================================= */

.site-footer {

    padding:
        3rem
        0;

    background-color: #FFFFFF;

    border-top:
        1px solid var(--bs-border-color);
}