:root {
    --primary: #bc2c42;
    --primary-hover: #ad0b30;
    --primary-dark: #ad0b30;
    --secondary: #0a0703;
    --primarylight: #bc2c42;
    --secondary-hover: #000;  
    --secondary-light: #a7bffe;
    --title: #191b1d;
    --bg-light: #F6F1EB;
    --bg-brown : #25180B;
    --light-dark: #feeb9d;
    --body-color: #666666;	
    --bg-white: #fff; 
    --theme-text-color: #000000;
    --dark: #151f37;
    --dark-light: #f9f9f9;
    --rgba-primary-1: rgba(204, 13, 57, 0.1);
    --rgba-primary-2: rgba(204, 13, 57, 0.2);
    --rgba-primary-3: rgba(204, 13, 57, 0.3);
    --rgba-primary-4: rgba(204, 13, 57, 0.4);
    --rgba-primary-5: rgba(204, 13, 57, 0.5);
    --rgba-primary-6: rgba(204, 13, 57, 0.6);
    --rgba-primary-7: rgba(204, 13, 57, 0.7);
    --rgba-primary-8: rgba(204, 13, 57, 0.8);
    --rgba-primary-9: rgba(204, 13, 57, 0.9);

    --font-family-base: Playfair Display, sans-serif;
    --font-family-title: Red Hat Display, sans-serif;

     [data-theme-version="dark"]{
        --secondary: #0a0703;
        --primary-white: #1B2D00;
        --body-color: #fff;
        --bg-brown : #120A00;
        --text-dark: #77775B;
        --text-dark2:rgba(255, 255, 255, 0.5);
        --title: var(--secondary);
        --white: #fff;
        --bs-heading-color: #fff;
        --bg-light: #1F1204;

        .page-text,
        .post-share ul li a{
          color: #fff;
        }
        .bg-white{
          background-color: #120A00 !important;
        }
        .pxl-history-carousel.layout-1 .thumb-item.active .item-year{
          color: white;
        }
        .panel-btn{
          color: #fff;
        }

      }
    
      ::selection {
      color: #ffffff;          
      background: var(--primary);
    }

    

    p,
    body{
      font-family: var(--font-family-title);
    }
    .tagcloud{
      a{
        background: #fff;
        color: #000;
      }
    } 
    .pagination{
        &.style-1{
          li{
            .page-link{
              &.active,
              &:hover{
                color: #fff;
              } 
            }
            .next{
              border-radius: 50px !important;
            }
          }
        }
      }
      .shop-card .product-tag .badge2{
        color: #fff;
      }
  
      .shop-tab{
        .nav{
          .nav-item{
            .nav-link{
              &.active{
                background-color: var(--primary);
                border-radius: 10px;
              
              }
            }
         }
       }
      }
}