/* Additional styles to support prototype design elements */

/* Navy color for gradient overlay */
:root {
    --navy: #1e3a8a;
    --navy-rgb: 30, 58, 138;
}

/* Navy gradient utilities */
.from-navy\/90 {
    --tw-gradient-from: rgba(var(--navy-rgb), 0.9);
    --tw-gradient-to: rgba(var(--navy-rgb), 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-navy\/80 {
    --tw-gradient-to: rgba(var(--navy-rgb), 0);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(var(--navy-rgb), 0.8), var(--tw-gradient-to);
}

.to-navy\/70 {
    --tw-gradient-to: rgba(var(--navy-rgb), 0.7);
}

/* Backdrop blur for buttons */
.backdrop-blur-sm {
    backdrop-filter: blur(4px);
}

/* Text color utilities */
.text-blue-950 {
    color: #172554;
}

/* Ensure proper spacing and layout */
.min-h-screen {
    min-height: 100vh;
}

.flex-1 {
    flex: 1 1 0%;
}

/* Smooth transitions for hover effects */
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

/* Drop shadow utilities */
.drop-shadow-lg {
    filter: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1));
}

.drop-shadow-md {
    filter: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));
}

/* Transform utilities for hover effects */
.group:hover .group-hover\:translate-x-1 {
    transform: translateX(0.25rem);
}