:root {
    --broncbuster-brown: #4E312D;
    --broncbuster-gold: #FFC700;

    --broncbuster-gold-lighter: #ffd24f;

    --light-gray: #E3E3E3;
    --mid-gray: #C0C0C0;

    --light-background: #EEEEEE;
    --card-background: #F8F8F8;

    --dark-text: #191919;
    --black: #000000;
    --white: #FFFFFF;
}



/* background colors - start */
.d-bg-broncbuster-brown {
    background-color: var(--broncbuster-brown) !important;
	color: var(--white) !important;
}

.d-bg-broncbuster-gold {
    background-color: var(--broncbuster-gold) !important;
    color: var(--broncbuster-brown) !important;
}


.d-bg-light-gray {
    background-color: var(--light-gray);
    color: var(--black);
}

.d-bg-mid-gray {
    background-color: var(--mid-gray);
    color: var(--black);
}

.d-bg-light-background {
    background-color: var(--light-background);
    color: var(--black);
}

.d-bg-card-background {
    background-color: var(--card-background);
    color: var(--black);
}


.d-bg-dark-text {
    background-color: var(--dark-text);
    color: var(--white);
}

.d-bg-black {
    background-color: var(--black);
    color: var(--white);
}

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

/* background colors - end */



/* text colors - start */
.d-text-broncbuster-brown {
    color: var(--broncbuster-brown) !important;
}

.d-text-broncbuster-gold {
    color: var(--broncbuster-gold) !important;
}


.d-text-light-gray {
    color: var(--light-gray) !important;
}

.d-text-mid-gray {
    color: var(--mid-gray) !important;
}

.d-text-light-background {
    color: var(--light-background) !important;
}

.d-text-card-background {
    color: var(--card-background) !important;
}


.d-text-dark-text {
    color: var(--dark-text) !important;
}

.d-text-black {
    color: var(--black) !important;
}

.d-text-white {
    color: var(--white) !important;
}


/* text colors - end */