/* ABC Gift Card — Storefront Styles
   Tailwind (via CDN, loaded in index.html) handles most layout/utility
   classes. This file only holds the few things Tailwind's CDN build
   can't: custom fonts, small custom components, and scrollbar styling. */

body {
  font-family: 'Inter', sans-serif;
  background: #fdfaf5;
  color: #1c1b19;
}

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

.chip {
  transition: all .15s ease;
}
.chip.active {
  background: #d9721c;
  color: #fff;
}

.cart-drawer {
  transition: transform .25s ease;
}

.modal-backdrop {
  transition: opacity .2s ease;
}

::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background: #e8c9a8;
  border-radius: 8px;
}