/* Custom Fonts loaded in HTML */
body {
    -webkit-tap-highlight-color: transparent;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Custom CSS variables matching the Tailwind config to use in some edge cases */
:root {
    --primary: #31100C;
    --accent: #C49A45;
    --surface: #FDF8F0;
}

/* Smooth modal/cart transitions are handled via Tailwind utility classes, 
   but we can define some custom animations if needed. */