:root {
    --background: #ffffff;
    --foreground: #171717;
    --font-sans: 'Poppins', sans-serif;
}

body {
    color: var(--foreground);
    background-color: #ffffff;
    background: var(--background);
    font-family: var(--font-sans), system-ui, sans-serif;
    overflow-x: hidden;
}

/* Custom Scrollbar - Hidden as requested */
::-webkit-scrollbar {
    width: 0px;
    background: transparent;
    /* make scrollbar transparent */
}

/* Optional: for Firefox */
* {
    scrollbar-width: none;
}

/* Selection Color */
::selection {
    background-color: #22C55E;
    color: #ffffff;
}

/* Base states for scroll animations */
.anim-fade-up {
    opacity: 0;
    transform: translateY(40px);
    transition: all 1s ease-out;
}

.anim-fade-left {
    opacity: 0;
    transform: translateX(-40px);
    transition: all 1s ease-out;
}

.anim-fade-right {
    opacity: 0;
    transform: translateX(40px);
    transition: all 1s ease-out;
}

/* Active states triggers */
.is-visible {
    opacity: 1 !important;
    transform: translate(0, 0) !important;
}