html {
  font-family: Inter, sans-serif;
}

body {
  background-color: black;
}

#background {
  background-color: rgba(0, 0, 0);
  background-image: url(./background.png);
  background-repeat: repeat;
  background-size: 200px;
  background-position: cover;
  opacity: 0.2;
}

.btn {
  padding: .5rem;
  font-weight: 400;
}

.btn-primary {
  background: #EE6112;
  color: white;
}

.bm-menu {
  background: #1A1A1A;
}

.modal {
  background: #1A1A1A;
  color: #fff;
}

.pagination-item {
  color: white;
}

.selected {
  background: #EE6112;
  color: white;
}

.category-link {
  padding: .5rem 1rem;
}

.bm-menu a {
  color: white;
}

.bm-item-list {
  color: #FFF;
}

svg, h1, p {
  color: white;
}

.nav-block, .nav-header {
  background: #191919;
}

.nav-search, .package, .out-of-stock, .card-footer .btn, .btn-primary, .category-link {
  border-radius: var(--radius, 10px);
}

.nav-search:has(input:focus) {
  border-color: #EE6112;
}

.package {
  height: 100%;
  padding: 12px;
  background: #191919;
  display: flex;
  flex-direction: column;
}

.card-info {
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin-bottom: 10px;
  margin-top: 10px;
}

.card-info span {
  padding: 5px 10px;
  background-color: #F7F2EC1A;
  border: 1px solid #F7F2EC80;
}

.out-of-stock {
  background-color: rgb(220 38 38);
  color: white;
}

.card-footer {
  margin-top: auto;
  flex-direction: column;
  align-items: start;
  gap: 8px;
}

.card-details {
  color: rgb(129, 129, 129);
}

.card-footer .btn {
  background-color: #EE6112;
  color: white;
  width: 100%;
}