:root {
  --background: #ffffff;
  --foreground: #121212;
  --color-primary: #121212;
  --color-accent: #c5a059;
  --color-brandBg: #faf9f6;
}

body {
  background: var(--background);
  color: var(--foreground);
}

.logo-img {
  filter: brightness(0);
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: spin 1s linear infinite;
}

.hidden-modal {
  display: none !important;
}

.group\/card:hover .group-hover\/card\:opacity-100 {
  opacity: 1;
}

.group\/card:hover .group-hover\/card\:text-accent {
  color: var(--color-accent);
}

.group:hover .group-hover\:translate-y-0 {
  transform: translateY(0);
}

.group:hover .group-hover\:translate-x-1 {
  transform: translateX(0.25rem);
}

.group:hover .group-hover\:text-gray-700 {
  color: rgb(55 65 81);
}

.group:hover .group-hover\:scale-105 {
  transform: scale(1.05);
}

.group:hover .group-hover\:text-white {
  color: #fff;
}

.group:focus-within .group-focus-within\:text-accent {
  color: var(--color-accent);
}