html[data-theme-color="skin-5"]{

    --primary: #B3E719;
    --text-primary: #B3E719;
    --primarylight: #A9DE59;
    --secondary: #1B4C40;
    --bodybg: #001F17;
    --bodytext: #687B76;
    --textlight: #687B76;
    --card: #1B4C40;
	
    --dark: #191B1D;
    --bgcolor: #F8F8F8;
    --light: #F8F8F8;
    --bglight: #F8F8F8;
    --button-text: #fff;
    --border-color: #E6E6E6;
    --primary-gradient: 0deg, #B3E719 0%, #88ad17 100%;
    --primary2-gradient: 180deg, #B3E719 1.92%, #89b110 53.04%, #92bd10 100%;
    
    /* FONT FAMILY */
    --font-base: "Red Hat Display", "sans-serif";
    --font-title: "Red Hat Display", "sans-serif";
    --font-heading: var(--font-title);
    --font-heading-transform: unset;
    --font-heading-weight: 600;

    --banner-gradient: 180deg, #c1de69 2%, #adcd4b 65%, transparent 100%;
    --btn-gradient: 270deg, #c1de69 0%, #adcd4e 100%;

    --bg1-gradient: 180deg, #2C2E30 0%, #080708 100%;
    --bg2-gradient: 180deg, #2C2E30 0%, #080708 100%;
    --bg4-gradient: 180deg, #6e58876b 0%, #6e588700 87%;
    --bg7-gradient: 90deg, #8fa844 0%, #a8c15d 100%;

    --bg1 : #2a2b2e;

    .btn.btn-black.button--stroke:hover, 
    .btn.btn-outline.light.button--stroke:hover {
        color: #fff;
    }

}