:root {    
    --primary-bg-color: green;    
    --gray-8d: #8d8d8d;
    --white: #ffffff;
    --color-gray: #8d8d8d;
    --black: #000000;
    --orange: #f05027;
    --purple: #c514b4;
    --brown-66553d: #66553d;
    --light-cad5da: #cad5da;
    --dark-2f2f2f: #2f2f2f;
    --topnavigation: #fff;
    --color-gray-b8: #ff0000;

    /* Links */
    --link: #c514b4;
    --linkHover: #f05027;

    /* semantic / helper variables */
    --white-25: rgba(255,255,255,0.225);
    --shadow-02: rgba(0,0,0,0.2);
    
    --red: #ff0000;
    --e5e5e3: #E5E5E3;
    --gradient-primary-red-purple-white-to-bottom: linear-gradient(to bottom, var(--dark-2f2f2f), var(--gray-8d), var(--white));
    --gradient-primary-to-right: linear-gradient(to right, var(--orange), var(--purple));
    --gradient-primary-to-left: linear-gradient(to left, var(--orange), var(--purple));
    --gradient-primary-to-top: linear-gradient(to top, var(--orange), var(--purple));
    --gradient-primary-to-top-right: linear-gradient(to top right, var(--orange);
}