:root {
  --cream: #f7f4ef;
}

html {
  scroll-behavior: smooth;
}

.font-display {
  font-family: 'Fraunces', serif;
}

body {
  font-family: 'DM Sans', system-ui, sans-serif;
}

.cart-drawer-enter {
  transform: translateX(100%);
}

.cart-drawer-enter-active {
  transform: translateX(0);
}

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

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