:root{
    --color-white: #ffffff;
    --color-black: #000;
    --color-olive: #3B4140;
    --color-gold: #918160;
    --color-light-gray: #B3B3B3;
    --color-isabelle: #F4F1ED;
    --color-partner: #F4F1EE;
    --color-bright-gray: #f7f7f7;
}

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

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

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

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

.color-light-gray{
    color: var(--color-light-gray);
}

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

.color-bright-gray{
    color: var(--color-bright-gray);
}

.background-bright-gray{
    background-color: var(--color-bright-gray);
}

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

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

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

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

.color-isabelle{
    color: var(--color-isabelle);
}

.background-isabelle{
    background-color: var(--color-isabelle);
}

.color-partner{
    color: var(--color-partner);
}

.background-partner{
    background-color: var(--color-partner);
}

::-moz-selection { /* Code for Firefox */
    color: var(--color-white);
    background: var(--color-gold);
  }
  
  ::selection {
    color: var(--color-white);
    background: var(--color-gold);
  }