:root {
    --orange: #F28E1C;
    --blue: #3DA2DF;
    --green: #317C0D;
    --melon: #FFD2C1;
    --darkmelon: #CD5124;
}


/* Backgrounds */
.bg-orange {
    background-color: var(--orange);
}

.bg-blue {
    background-color: var(--blue);
}

.bg-green {
    background-color: var(--green);
}

.bg-melon {
    background-color: var(--melon);
}

.bg-darkmelon {
    background-color: var(--darkmelon);
}

/* Text colors */
.text-orange {
    color: var(--orange);
}

.text-blue {
    color: var(--blue);
}

.text-green {
    color: var(--green);
}

.text-melon {
    color: var(--melon);
}

.text-darkmelon {
    color: var(--darkmelon);
}

/* Borders */
.border-orange {
    border-color: var(--orange);
}

.border-blue {
    border-color: var(--blue);
}

.border-green {
    border-color: var(--green);
}

.border-melon {
    border-color: var(--melon);
}

.border-darkmelon {
    border-color: var(--darkmelon);
}

/* Header */
#main-nav {
    background-color: var(--orange);
}

#main-nav-container {
    padding: 1rem 2rem;
}

#main-nav-inline {
    color: var(--white);
}

#main-nav-title,
#main-nav-hamburger {
    color: var(--white);
}

#main-nav-menu-item-contact-us {
    padding: 0.7rem;
    background-color: var(--melon);
    color: var(--darkmelon);
    border-radius: var(--radius-xs);
}

#footer-inner{
    border-top: 3px solid var(--orange);
}