/* Modern Corporate & Glassmorphism Design */

@layer base {
    html {
        scroll-behavior: smooth;
    }

    ::selection {
        @apply bg-logosLight text-logosGreen;
    }
}

@layer components {

    /* Primary Action Buttons */
    .btn-primary {
        @apply inline-flex justify-center items-center px-8 py-4 font-heading font-semibold rounded-full text-white bg-logosGreen shadow-md hover:-translate-y-1 hover:shadow-xl hover:shadow-logosGreen/20 active:translate-y-0 transition-all duration-300 cursor-pointer border border-transparent;
    }

    .btn-outline {
        @apply inline-flex justify-center items-center px-8 py-4 font-heading font-semibold rounded-full text-slate-700 bg-white border border-gray-200 shadow-sm hover:border-logosGreen hover:text-logosGreen hover:-translate-y-1 hover:shadow-md active:translate-y-0 transition-all duration-300 cursor-pointer;
    }

    /* Glass Cards */
    .glass-card {
        @apply bg-white/70 backdrop-blur-lg border border-white shadow-sm hover:shadow-xl-soft transition-all duration-500;
        background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4));
    }
}

/* Subtle fade-in animations for scrolling would ideally use IntersectionObserver,
   but we'll keep base transitions smooth */
.transition-all {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Floating Animation */
@keyframes heroFloat {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    33% {
        transform: translateY(-15px) rotate(2deg);
    }
    66% {
        transform: translateY(5px) rotate(-1deg);
    }
}

.hero-floating-element {
    animation: heroFloat 6s ease-in-out infinite;
    will-change: transform;
}

/* Scroll Movement Utility */
.parallax-scroll {
    transform: translateY(var(--parallax-y, 0px));
    transition: transform 0.1s ease-out;
}

/* Hide native calendar icon on date inputs (custom SVG is used instead) */
input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    display: none;
}
input[type="date"]::-webkit-inner-spin-button {
    display: none;
}