:root {
    /* --- colors --- */

    /* brand */
    --gold: #E4B520;
    --copper: #B7682C;
    --brass: #D99E62;
    --forest: #29361A;
    --olive: #768928;
    --leaf: #87A369;

    /* tint */
    --dark-green-tint: #476B1D;
    --medium-green-tint-1: #B5CE9A;
    --medium-green-tint-2: #C7D89F;
    --light-green-tint: #E3ECCF;
    --beige-tint: #FBF4DE;
    --gold-tint-1: #FBD96C;
    --gold-tint-2: #E4D6A8;
    --copper-tint: #F6DEC5;
    --brass-tint: #DDBA95;

    /* functional */
    --danger-red: #FF0000;
    --form-selects: #0088FF;

    /* mono / greys */
    --white: #FFFFFF;
    --grey-light: #F5F5F5;
    --grey-medium: #B4B4B4;
    --grey-dark: #5A5A5A;
    --black: #1A1A1A;


}


/* Brand */

.gold {
    color: var(--gold);
}
.gold_background {
    background-color: var(--gold);
}

.copper {
    color: var(--copper);
}
.copper_background {
    background-color: var(--copper);
}

.brass {
    color: var(--brass);
}
.brass_background {
    background-color: var(--brass);
}

.forest {
    color: var(--forest);
}
.forest_background {
    background-color: var(--forest);
}

.olive {
    color: var(--olive);
}
.olive_background {
    background-color: var(--olive);
}

.leaf {
    color: var(--leaf);
}
.leaf_background {
    background-color: var(--leaf);
}



/* Tints */
.dark-green-tint {
    color: var(--dark-green-tint);
}
.dark-green-tint_background {
    background-color: var(--dark-green-tint);
}

.medium-green-tint-1 {
    color: var(--medium-green-tint-1);
}
.medium-green-tint-1_background {
    background-color: var(--medium-green-tint-1);
}

.medium-green-tint-2 {
    color: var(--medium-green-tint-2);
}
.medium-green-tint-2_background {
    background-color: var(--medium-green-tint-2);
}

.light-green-tint {
    color: var(--light-green-tint);
}
.light-green-tint_background {
    background-color: var(--light-green-tint);
}

.beige-tint {
    color: var(--beige-tint);
}
.beige-tint_background {
    background-color: var(--beige-tint);
}

.gold-tint-1 {
    color: var(--gold-tint-1);
}
.gold-tint-1_background {
    background-color: var(--gold-tint-1);
}

.gold-tint-2 {
    color: var(--gold-tint-2);
}
.gold-tint-2_background {
    background-color: var(--gold-tint-2);
}

.copper-tint {
    color: var(--copper-tint);
}
.copper-tint_background {
    background-color: var(--copper-tint);
}

.brass-tint {
    color: var(--brass-tint);
}
.brass-tint_background {
    background-color: var(--brass-tint);
}


/* Functional */
.danger-red {
    color: var(--danger-red);
}
.danger-red_background {
    background-color: var(--danger-red);
}



/* Monotones */
.white {
    color: var(--white);
}
.white_background {
    background-color: var(--white);
}

.grey-light {
    color: var(--grey-light);
}
.grey-light_background {
    background-color: var(--grey-light);
}

.grey-medium {
    color: var(--grey-medium);
}
.grey-medium_background {
    background-color: var(--grey-medium);
}

.grey-dark {
    color: var(--grey-dark);
}
.grey-dark_background {
    background-color: var(--grey-dark);
}

.black {
    color: var(--black);
}
.black_background {
    background-color: var(--black);
}