@font-face {
  font-family: "titr";
  src: url(../fonts/pixelboy-BTitrBold.eot);
  src: url(../fonts/pixelboy-BTitrBold.ttf);
  src: url(../fonts/pixelboy-BTitrBold.woff);
}

@font-face {
  font-family: "jadid";
  src: url(../fonts/pixelboy-BJadidBold.eot);
  src: url(../fonts/pixelboy-BJadidBold.ttf);
  src: url(../fonts/pixelboy-BJadidBold.woff);
}

@font-face {
  font-family: "yekan";
  src: url(../fonts/pixelboy-BYekan.eot);
  src: url(../fonts/pixelboy-BYekan.ttf);
  src: url(../fonts/pixelboy-BYekan.woff);
}

:root {
  --midnight: #0f1c24;
  --gold: #d5b98f;
  --sand: #f2e9dd;
  --blue-tint: #bcd8e6;
  --light: #f8f9fa;
  --overlay: rgba(0, 0, 0, 0.45);
}

body {
  font-family: 'yekan';
  background: var(--light);
  color: var(--midnight);
}

h1, h2, .lux-heading {
  font-family: 'titr';
  letter-spacing: 0.5px;
}

h3, h4, h5, h6 {
  font-family: 'jadid';
}

  .product-img {
    transition: transform .3s ease;
    cursor: zoom-in;
  }

  .lux-btn {
    background:#0f1c24;
    color:#d5b98f;
    border:1px solid #d5b98f;
    border-radius: 8px;
    text-decoration:none;
    font-weight:500;
    transition:.3s;
  }
  .lux-btn:hover {
    background:#d5b98f;
    color:#0f1c24;
  }

  .nav-tabs .nav-link {
    color:#0f1c24;
    font-weight:500;
  }
  .nav-tabs .nav-link.active {
    color:#d5b98f;
    border-color:#d5b98f #d5b98f #fff;
  }