:root {
    /* PROJECT MAIN COLORS */
    --primary: #A65228; /* rust */
    --primary-dark: #8a3f1a; /* dark rust */
    --primary-light: #f7e6dd; /* light rust */
    --btn-primary-hover: #cf6937;
    --color-secondary: #F8F4EB; /* cream */
    --color-accent: #3f7f78; /* teal */
}

/* --------------------------------------------- */
/* ================== BANNER =================== */
/* --------------------------------------------- */

/* Background color behind system banner */
#navHeaderMain {
    background-color: #F7F0E3;
}

/* --------------------------------------------- */
/* ================ BACKGROUND ================= */
/* --------------------------------------------- */

/* Custom desktop background */
body {
    background-color: var(--color-secondary);

}

footer {
    background-color: var(--color-accent) !important;
}

/* --------------------------------------------- */
/* ================== BUTTONS ================== */
/* --------------------------------------------- */

.btn-primary {
        background-color: var(--primary) !important;
        border-color: var(--primary-dark) !important;
    }

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