body {
  width: 100%;
  background-color: #111827;
  color: #E5E7EB;
}

/* Allow horizontal scrolling on smaller screens for tables */
@media (max-width: 768px) {
  body {
    overflow-x: auto;
  }
}

.dashlogo {
  margin-right: 850px;
}

@media screen and (max-width: 768px) {
  .dashlogo {
    margin-right: 100px;
  }
}

.hero {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)), url("../img/hero.jpeg");
  background-size: cover;
  background-position: center;
  background-color: #111827;
  /* opacity: 0; */
}

/* Dark theme color overrides */
.bg-white {
  background-color: #1F2937 !important;
}

.text-gray-900 {
  color: #E5E7EB !important;
}

.text-gray-800 {
  color: #D1D5DB !important;
}

.text-gray-700 {
  color: #9CA3AF !important;
}

.border-gray-300 {
  border-color: #4B5563 !important;
}

.bg-gray-100 {
  background-color: #374151 !important;
}

.bg-gray-50 {
  background-color: #1F2937 !important;
}