/* Complements the Tailwind CDN build with a few bespoke touches */

::selection { background: #4A1942; color: #FAF6F0; }

.font-display { letter-spacing: 0.01em; }

/* Fabric-swatch category dots used on the homepage & shop filters */
.swatch {
  border-radius: 9999px;
  box-shadow: inset 0 0 0 1px rgba(42,37,32,0.12);
  transition: transform .25s ease;
}
.swatch:hover { transform: scale(1.08); }

/* Product image zoom on hover */
.product-card img { transition: transform .6s ease; }
.product-card:hover img { transform: scale(1.05); }

/* Stitched divider reused inline via SVG in footer/hero */

/* Toast */
#toast {
  transition: opacity .3s ease, transform .3s ease;
}

/* Cart drawer slide */
#cart-drawer .absolute.right-0 { transition: transform .3s ease; }

/* Focus visibility for accessibility */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 2px solid #4A1942;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}