html[data-theme-color="skin-3"]{
    --primary: #8CC633;
    --text-primary: #8CC633;
    --primarylight: #A9DE59;
    --secondary: #1C1A1B;
    --bodybg: #131F00;
    --bodytext: #77775B;
    --textlight: #171717b3;
    --card: #292D32;
    --dark: #191B1D;
    --bgcolor: #fff;
    --light: #ECECDE;
    --bglight: #ECECDE;
    --button-text: var(--secondary);
    --border-color: #ECECDE;
    --primary-gradient: 0deg, rgb(1, 2, 1) 0%, #8CC633 100%;
    --primary2-gradient: 180deg, #8CC633 1.92%, rgb(228, 255, 224) 53.04%, #daffa3 100%;

    /* FONT FAMILY */
    --font-base: "Space Grotesk", "sans-serif";
    --font-title: "Space Grotesk", "sans-serif";
    --font-heading: var(--font-base);
    --font-heading-transform: unset;
    --font-heading-weight: 700;

    --banner-gradient: 180deg, #8CC633 2%, rgb(219, 255, 212) 68%, rgba(140,250,121,0) 100%;
    --btn-gradient: 270deg, #e7ffc4 0%, #8CC633 100%;

    --bg1-gradient: 180deg, #203400 0%, #1B2012 100%;
    --bg2-gradient: 180deg, #273215 0%, #1C1A1B 100%;
    --bg4-gradient: 180deg, rgba(169, 222, 89, 0.5) 0%, rgba(169, 222, 89, 0) 87%;
    --bg7-gradient: 90deg, #8CC633 0%, #A9DE59 100%;

    --bg1 : #343C27;
}