:root {
    --color-onyx: #040404;
    --color-snowcap: #FFFFFF;
    --color-background-gray: #F3F4F4;
    --color-background-gray-2: #e5e5e5;
    --color-border-gray: #DEE1E1;
    --color-jade: #083f3f;
    --color-spruce: #026661;
    --color-emerald: #006b40;
    --color-emerald-2: #37c48b;
    --color-citrine: #DD9903;
    --color-transparent: #00000000;
    

    /* Gradients */
    --color-jade-transparent-gradient: linear-gradient(180deg, var(--color-transparent) 70%, var(--color-jade) 100%);
    --color-jade-emerald-gradient: linear-gradient(180deg, var(--color-jade) 0%, var(--color-emerald) 100%);

    --color-jade-spruce-gradient: linear-gradient(180deg, var(--color-jade) 0%, var(--color-spruce) 100%);
}