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

    --primary: #6E5887;
    --text-primary: #6E5887;
    --primarylight: #a093ae;
    --secondary: #191B1D;
    --bodybg: #191B1D;
    --bodytext: #999999;
    --textlight: #999999;
    --card: #2C2E30;
    --dark: #191B1D;
    --bgcolor: #E5DEED;
    --light: #f6f0fd;
    --bglight: #e8e0f1;
    --button-text: #fff;
    --border-color: #ECECDE;
    --primary-gradient: 0deg, #a188be 0%, #6E5887 100%;
    --primary2-gradient: 180deg, #a188be 1.92%, #534068 53.04%, #3d2954 100%;
    
    /* FONT FAMILY */
    --font-base: "Space Grotesk", "sans-serif";
    --font-title: "Space Mono", "Sans-serif";
    --font-heading: var(--font-title);
    --font-heading-transform: uppercase;
    --font-heading-weight: 400;

    --banner-gradient: 180deg, #e6d6f9 2%, #bda7d6 65%, transparent 100%;
    --btn-gradient: 270deg, #e6d6f9 0%, #9e87b9 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, #745584 0%, #a186af 100%;

    --bg1 : #2a2b2e;

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

}