:root{
     --primary: #63EA63;
    --secondary: #171717;
    --bodybg: #F1F6F1;
    --color-primary: var(--primary);
    --body-color: rgba(255, 255, 255, 0.6);
    --background-image-noise: url(../../images/noise-overlay.png);
    --banner-gradient: linear-gradient(180deg, #6EFF6E 1.92%, #9DFF8C 67.76%, rgba(140, 250, 121, 0) 100%);
    --bg-linear-gradient:linear-gradient(180deg, #6EFF6E 1.92%, #BAFFAE 53.04%, #8CFA79 100%);
    --bg-linear-gradient1:linear-gradient(270deg, #ABFF84 0%, #0AE448 100%);
    --bg-light: #F1F6F1;
    --card-bg: #171717;
    --title: #000 ;
    --text-light: #171717b3; 
    --white: #fff;

    --font-family-title: "Space Grotesk";
    --font-family-base: "Space Grotesk";

    [data-theme-version="dark"]{
      --bodybg:  #010101;
      --bg-white:var(--bs-white-rgb);
      --title: #000 ;
      --bg-light:var(--secondary);
      --text-light: var(--white);
      --bs-white-rgb: var(--bodybg);
      background:var(--bodybg);
        --banner-gradient: linear-gradient(180deg, #6EFF6E 1.92%, #9DFF8C 67.76%, rgba(140, 250, 121, 0) 100%);

        .tag-btn,
        .product-size .btn,
        .widget_categories ul li a,
        .btn-quantity input{
            color: #fff;
        }
       .dz-accordion{
          .accordion-button{
            .toggle-close{
              &:after{
                color: var(--white);
              }
            }
          }
        }

        .form-box.style-1 .form-label{
          color: var(--secondary);
        }
        .filter-wrapper{
        .filter-right-area{
          .form-group{
            .dropdown-toggle{
              &:after{
                color: #fff;
              }
            }
          }
        }
      } 
	  }
    
    .page .page-text,
    .post-share ul li a{
      color: var(--text-light);
    }
     .text{
    color: #999999;
    }
    .dz-product-detail{
    background-color: var(--bg-light);
    }

     .dz-accordion{
          .accordion-button{
            .toggle-close{
              &:after{
                color: var(--secondary);
              }
            }
          }
        }

    .section-head{
        &.style-1{
            p{
                color: var(--text-light);
            }
        }
    }
    .pxl-history-carousel.layout-1 .box-pev-next .text-pev-next span{
      background: var(--bodybg);
    }
 
    .dz-shop-card{
        &.style-1{
            background-color: var(--bg-light);
        }
    }

    .list-check-2,
    .list-check-3{
        &.style-2{
        color: var(--secondary);
        }  
    }
}