:root {
    --primary-brown: #492F24;
    --primary-gold: #FFC425;
    --primary-grey: #F5F5F5;
    --primary-midnight: #2A3E60;
    --primary-robin: #5EA3A3;

    --secondary-dark-grey: #8E95A4;
    --secondary-light-grey: #E5E5E5;
    --secondary-line-grey: #E5E5E5;
    --secondary-medium-grey: #ADADAE;
    --secondary-typography-grey: #EBEBEB;

    --highlight-blue: #0258A3;
    --highlight-orange: #B36204;
    --highlight-red: #B50202;

    --overlay-black: rgba(0, 0, 0, 0.75);
    --overlay-brown: rgb(73, 47, 36, 0.9);
    --overlay-brown-lighter: rgb(73, 47, 36, 0.5);
    --overlay-blue: rgba(42, 62, 96, 0.9);
    --overlay-white: rgba(255, 255, 255, 0.78);

    --gradient-brown-right: linear-gradient(to left, var(--overlay-brown) 40%, transparent 85%);
    --gradient-brown-left: linear-gradient(to right, var(--overlay-brown) 40%, transparent 85%);

    --white: #FFFFFF;
    --black: #000000;

    --hyperlink: #0258A3;
}



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

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

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

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

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



.d-bg-secondary-dark-grey {
    background-color: var(--secondary-dark-grey);
}

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

.d-bg-secondary-line-grey {
    background-color: var(--secondary-line-grey);
}

.d-bg-secondary-medium-grey {
    background-color: var(--secondary-medium-grey);
}

.d-bg-secondary-typography-grey {
    background-color: var(--secondary-typography-grey);
}



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

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

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



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

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

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

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



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

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

/* background colors - end */



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

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

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

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

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



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

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

.d-text-secondary-line-grey {
    color: var(--secondary-line-grey) !important;
}

.d-text-secondary-medium-grey {
    color: var(--secondary-medium-grey) !important;
}

.d-text-secondary-typography-grey {
    color: var(--secondary-typography-grey) !important;
}



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

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

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



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

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

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


/* text colors - end */