/* High-Contrast Modern Growth Agency Styles */
:root {
    --brandYellow: #FDE047;
    --brandBlack: #000000;
    --brandWhite: #FFFFFF;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Custom Scrollbar - Bold & Minimal */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--brandWhite);
}

::-webkit-scrollbar-thumb {
    background: var(--brandBlack);
    border: 2px solid var(--brandWhite);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--brandYellow);
}

/* Typography Enhancements */
h1,
h2,
h3 {
    text-transform: uppercase;
}

/* Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fadeInUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Custom selection */
::selection {
    background: var(--brandYellow);
    color: var(--brandBlack);
}

/* Utility for text stroke / outline if needed */
.text-outline {
    -webkit-text-stroke: 1px var(--brandBlack);
    color: transparent;
}

.text-outline-white {
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.2);
    color: transparent;
}

/* Custom Scrollbar for Modal Gallery */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #FDE047;
    border-radius: 10px;
}
.custom-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: #FDE047 rgba(255, 255, 255, 0.05);
}