@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
    --bg-main: #F9F8F4; /* Very soft beige/off-white */
    --bg-white: #FFFFFF;
    --text-primary: #1F2937;
    --text-secondary: #6B7280;
    --brand-purple: #7C3AED;
    --brand-purple-light: #EDE9FE;
    --brand-yellow: #FDE047;
    --brand-yellow-dark: #EAB308;
    --border-light: #E5E7EB;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--bg-main);
    color: var(--text-primary);
    -webkit-font-smoothing: antialiased;
}

/* Hide scrollbar */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Smooth button click effect */
.btn-press {
    transition: transform 0.1s ease, box-shadow 0.1s ease;
}
.btn-press:active {
    transform: scale(0.97);
}

/* Image hover zoom */
.img-zoom-container {
    overflow: hidden;
}
.img-zoom-container img {
    transition: transform 0.5s ease;
}
.img-zoom-container:hover img {
    transform: scale(1.05);
}

/* Floating animation for badges */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}
.animate-float {
    animation: float 4s ease-in-out infinite;
}
.animate-float-delayed {
    animation: float 4s ease-in-out infinite;
    animation-delay: 2s;
}

/* Subtle fade in on scroll */
.fade-up {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fade-up.visible {
    opacity: 1;
    transform: translateY(0);
}