body {
        font-family: "Montserrat", sans-serif;
        background-color: #f7f3ed;
      }
      .bg-custom-brown {
        background-color: #3e3225;
      }
      .bg-custom-dark {
        background-color: #1c1815;
      }
      .bg-custom-light-brown {
        background-color: #f7f3ed;
      }
      .bg-custom-beige {
        background-color: #e4d7c5;
      }
      .bg-image {
        background-image: url('img/BgEffect.png');
        background-size: cover;
        background-position: center;
      }
      .text-custom-brown {
        color: #3e3225;
      }
      .text-custom-light-brown {
        color: #f7f3ed;
      }
      .text-custom-gold {
        color: #c3a878;
      }
      .border-custom-gold {
        border-color: #c3a878;
      }
      .btn-primary {
        background-color: #c3a878;
        color: #3e3225;
        transition: all 0.3s ease;
      }
      .btn-primary:hover {
        background-color: #b89c6c;
        transform: scale(1.05);
      }
      .btn-secondary {
        background-color: transparent;
        border: 1px solid #c3a878;
        color: #c3a878;
        transition: all 0.3s ease;
      }
      .btn-secondary:hover {
        background-color: #c3a878;
        color: #3e3225;
      }

      .bg-custom {
        background: #3A3224;
        background: linear-gradient(205deg, rgba(58, 50, 36, 1) 0%, rgba(29, 25, 20, 1) 100%);
      }

      .btn-dark {
      background-color: #221d18;
      color: #ffefd3;
      transition: all 0.3s ease;
    }
    
    .btn-dark:hover {
      background-color: #2d241c;
      transform: translateY(-2px);
      box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    }