:root{
    --primary: #E53935;
    --secondary: #171717;
    --bodybg: #FFF5F5;
    --color-primary: var(--primary);
    --body-color: rgba(255, 255, 255, 0.6);

    --background-image-noise: url(../../images/noise-overlay.png);

    /* Main Red Banner Gradient */
    --banner-gradient: linear-gradient(
        180deg,
        #FF5A5F 1.92%,
        #FFB3B3 67.76%,
        rgba(255, 90, 95, 0) 100%
    );

    /* Main Background Gradient */
    --bg-linear-gradient: linear-gradient(
        180deg,
        #FF5A5F 1.92%,
        #FFB0B0 53.04%,
        #FF7A7A 100%
    );

    /* Dark Red Gradient */
    --bg-linear-gradient1: linear-gradient(
        270deg,
        #FF6B6B 0%,
        #C1121F 100%
    );

    --bg-light: #FFF5F5;
    --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,
            #FF5A5F 1.92%,
            #FFB3B3 67.76%,
            rgba(255, 90, 95, 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);
        }
    }
}