:root {
    --background-color:  rgb(18 23 35) !important;
    --accent-color: #ff0080;
    --funky-purple: #ee00ff;
    --funky-blue: #005dff;
    --funky-green: #d0ff00;
    --nav-hover-color: var(--accent-color);
    --default-font: "Inter", sans-serif;
    --default-body-color: #000000;
    --heading-font: "Inter",  sans-serif;
    --nav-font: "Inter",  sans-serif;
    /* Approximate fixed header height; adjust via media queries below if needed */
    --header-height: 80px;
}

/* Scroll snapping */
html {
    /* scroll-snap-type: y mandatory; */
    scroll-behavior: smooth;
}



.section-l{
    height: 100vh;
}

.section-m{
    height: 75vh;
}

.section-s{
    height: 50vh;
}

.funky-pink-color{
    color: var(--accent-color);
}

.funky-pink{
    background-image: linear-gradient(310deg,#7928ca,#ff0080) !important;
}

.funky-purple-color{
    color: var(--funky-purple);
}

.funky-blue-color{
    color: var(--funky-blue);
}

.funky-green-color{
    color: var(--funky-green);
}

.light-background {
    --background-color: rgb(30 35 46) !important;
    --surface-color: #ffffff !important;
    background-color: var(--background-color) !important;
  }
  
  .dark-background {
    --background-color: rgb(18 23 35) !important;
    --default-color: #ffffff !important;
    --heading-color: #ffffff !important;
    --surface-color: #252525 !important;
    --contrast-color: #ffffff !important;
    background-color: var(--background-color) !important;
  }


/* Navbar logo wobble animation */
@keyframes ufo-wobble {
    0% { transform: rotate(-4deg); }
    50% { transform: rotate(4deg); }
    100% { transform: rotate(-4deg); }
}

/* Apply wobble to the header logo image */
header.header .logo img {
    display: inline-block;
    transform-origin: 50% 55%;
    animation: ufo-wobble 2s linear infinite;
}

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
    header.header .logo img {
        animation: none !important;
    }
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    color: var(--bs-heading-color);
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: linear;
}


.color-black{
    color: var(--default-body-color) !important;
}


.hero {
    width: 100%;
    min-height: 100vh;
    position: relative;
    padding: 80px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right, rgba(18, 23, 35, 1) 0%, rgba(18, 23, 35, 0.8) 10%, rgba(18, 23, 35, 0.3) 40%, rgba(18, 23, 35, 0) 100%), 
                url('/static/images/backgrounds/fkingaliens.png') 0% center no-repeat;
    background-size: auto, 100% auto;
    /* -webkit-box-shadow: 0px 2px 10px 10px #000000; */
    /* box-shadow: 0px 2px 10px 0px #000000; */
  }