@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

/* Global Font & Reset - Apply 'Outfit' and normal style/weight by default */
* {
    font-family: 'Outfit', sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

/* Necessary Bold - Applied selectively to maintain hierarchy */
h1,
h2,
h3,
h4,
.logo-font,
.logo-font *,
button,
.category-pill,
[class*="text-xl"],
[class*="text-2xl"],
[class*="text-3xl"],
[class*="text-4xl"],
[class*="text-5xl"],
[class*="text-6xl"] {
    font-weight: 900 !important;
}

/* Medium bold for smaller emphasis where needed */
.font-bold {
    font-weight: 700 !important;
}

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

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

/* Animations */
@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.animate-marquee {
    display: flex;
    animation: marquee 30s linear infinite;
}

.outline-text {
    -webkit-text-stroke: 1px white;
    color: transparent;
}