/* Bookstore Design System Styles */

body {
    font-family: 'Inter', sans-serif;
    background-color: #f9f9ff;
    color: #151c27;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.book-card-shadow {
    box-shadow: 0 4px 20px rgba(17, 24, 39, 0.05);
}

.book-card-shadow:hover {
    box-shadow: 0 12px 30px rgba(17, 24, 39, 0.1);
}

.glass-nav {
    backdrop-filter: blur(8px);
    background-color: rgba(249, 249, 255, 0.8);
}

/* Scrollbar behaviors */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

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

/* Mobile body helper */
.mobile-body {
    min-height: max(884px, 100dvh);
}

/* Paper texture and bento card styles for About Us */
.paper-texture {
    background-color: #f9f9ff;
    background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
}

.bento-card {
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
}

.bento-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px -5px rgba(17, 24, 39, 0.05);
}