:root {
    --main-bg: #000;
    --color-primary: #cbbfc3;
    --color-primary-dark: #494752;
    --color-secondary: rgba(206,199,236,1);
    --color-secondary-dark: rgba(40,40,46,1);
    --link-hover: rgb(134 117 220)
}


#header {
    background: var(--main-bg);
}

#header a {
    color: var(--color-primary);
}


#header .header-top a[data-depth="0"] {
    color: var(--color-secondary);
    text-transform: uppercase;
}

#header .top-menu a[data-depth="0"]:hover, a:hover {
    color: var(--link-hover);
    text-decoration: none;
}

#header .header-nav .cart-preview.active {
    background: var(--link-hover);
}

#footer {
    background: var(--main-bg);
}

#footer a {
    color: var(--color-primary);
}

#footer .h2, #footer .h3, #footer .h4, #block_myaccount_infos .myaccount-title a {
    color: var(--color-secondary)
}

#index {
    background-image: url("../img/bg2.jpg") ;
    background-size: cover ;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#wrapper {
    background: rgba(246,246,246,20%);
}

.btn-primary {
    color: #fff;
    background-color: var(--color-secondary);
    border-color: transparent;
}

.btn-primary:hover {
    background-color: var(--link-hover);
}

.product-price {
    color: var(--link-hover);
}

.product-images>li.thumb-container .thumb.selected, .product-images>li.thumb-container .thumb:hover {
    border: var(--link-hover) 3px solid;
}

.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover{
    border-bottom: var(--link-hover) 3px solid;
}

.tabs .nav-tabs .nav-link.active {
    color: var(--link-hover);
}

.featured-products .products-section-title {
    color: var(--main-bg);
    border-bottom: 2px solid var(--main-bg);
    /*padding: 10px;*/
    /*background-color: var(--color-primary);*/
    
    /*background: var(--color-primary-dark);*/
    /*background: -moz-linear-gradient(top, rgba(73,71,82,1) 0%, rgba(235,233,249,1) 28%, rgba(206,199,236,1) 48%, rgba(40,40,46,1) 100%);*/
    /*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,71,82,1)), color-stop(28%, rgba(235,233,249,1)), color-stop(48%, rgba(206,199,236,1)), color-stop(100%, rgba(40,40,46,1)));*/
    /*background: -webkit-linear-gradient(top, rgba(73, 71, 82, 1) 0%, rgba(235, 233, 249, 1) 28%, rgba(206, 199, 236, 1) 48%, rgba(40, 40, 46, 1) 100%);*/
    /*background: -o-linear-gradient(top, rgba(73,71,82,1) 0%, rgba(235,233,249,1) 28%, rgba(206,199,236,1) 48%, rgba(40,40,46,1) 100%);*/
    /*background: -ms-linear-gradient(top, rgba(73,71,82,1) 0%, rgba(235,233,249,1) 28%, rgba(206,199,236,1) 48%, rgba(40,40,46,1) 100%);*/
    /*background: linear-gradient(to bottom, rgba(73, 71, 82, 1) 0%, rgba(235, 233, 249, 1) 28%, rgba(206, 199, 236, 1) 48%, rgba(40, 40, 46, 1) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494752', endColorstr='#28282e', GradientType=0 );*/
    /*-webkit-background-clip: text !important;*/
    /*-webkit-text-fill-color: transparent !important;*/
}

#products .all-product-link, .featured-products .all-product-link, .product-accessories .all-product-link {
    padding: 5px 10px;
    border-radius: .5rem;
    color: var(--main-bg);
    background: var(--color-secondary);
    transition: all ease .5s;
}

#products .all-product-link:hover, .featured-products .all-product-link:hover, .product-accessories .all-product-link:hover {
    color: var(--color-secondary);
    background: var(--color-secondary-dark);
    transition: all ease .5s;
}