/* Fusuccess Motors palette and small custom tweaks on top of Tailwind. */
:root {
  --fusuccess-brown: #5a392d;
  --fusuccess-copper: #8a5a44;
  --fusuccess-cream: #f7f4ef;
}

body {
  background: var(--fusuccess-cream);
}

.text-brand-dark {
  color: var(--fusuccess-brown);
}

.text-brand {
  color: var(--fusuccess-copper);
}

.bg-brand {
  background-color: var(--fusuccess-copper);
}

.bg-brand-dark {
  background-color: var(--fusuccess-brown);
}

.hover\:text-brand:hover {
  color: var(--fusuccess-copper);
}

.hover\:bg-brand-dark:hover {
  background-color: var(--fusuccess-brown);
}

::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 999px;
}
.thumb {
  transition: transform 0.15s ease;
}
.thumb:hover {
  transform: scale(1.05);
}