:root {
    --color-black: #000;
    --color-grey--dark: #31352e;
    --color-grey: #5e6559;
    --color-white: #fff;
    --color-off-white: #fdfdfd;

    --color-red--100: #722a35;
    --color-red--90: #b66a76;
    --color-red--80: #dfc0c5;
    --color-red--70: #e0cfd0;

    --color-green--100: #42572e;
    --color-green--90: #4a5b39;
    --color-green--80: #aabe97;
    --color-green--70: #d5e1ca;
    --color-green--60: #cad3b8;

    --color-yellow--100: #d9a404;
    --color-yellow--90: #f8d882;
    --color-yellow--80: #e8ce86;
    --color-yellow--70: #f3e3b5;
    --color-yellow--60: #f6edd5;
    --color-yellow--50: #eaeb9b;
    --color-yellow--40: #f6f7b4;
    --color-yellow--30: #feffd6;

    --color-orange--100: #ea9f54;
    --color-orange--90: #eabd8f;
    --color-orange--80: #ebd3ba;

    --color-blue--110: #699498;
    --color-blue--100: #8cb4b7;
    --color-blue--90: #c8dfe1;
    --color-blue--80: #e2f7f9;
    --color-blue--70: #8cb4b7;
    --color-blue--60: #c8dfe1;

    --color-beige--100: #e1c699;
    --color-beige--90: #e5d4b6;
    --color-beige--80: #f6edd5;

    --color-primary: var(--color-green--100);
}