@tailwind base;
@tailwind components;
@tailwind utilities;

.container-auto {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 640px) {
  .container-auto {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container-auto {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container-auto {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container-auto {
    max-width: 1280px;
  }
}

/* Custom Color Utilities */
.text-custom-orange {
  color: #FB8B05 !important;
}

.hover-text-custom-orange:hover {
  color: #FB8B05 !important;
  fill: #FB8B05 !important;
}

.group:hover .group-hover\:text-custom-orange {
  color: #FB8B05 !important;
}

/* Ensure SVG inherits correctly */
.text-custom-orange svg {
  color: #FB8B05 !important;
}