/* Custom Grain Texture and Smooth Details */
.bg-grain {
  background-image: radial-gradient(rgba(44, 30, 24, 0.04) 1px, transparent 0);
  background-size: 24px 24px;
}

.text-balance {
  text-wrap: balance;
}

/* Custom scrollbars */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #FAF7F2;
}
::-webkit-scrollbar-thumb {
  background: #D9C8B5;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #C25E3E;
}

.badge-blur {
  backdrop-filter: blur(8px);
  background-color: rgba(250, 247, 242, 0.85);
}