/* InteliCal Custom Styles */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    @apply antialiased text-gray-800 bg-gray-50; /* Ensure base styles */
}

h1, h2, h3, h4, h5, h6 {
    @apply font-bold text-gray-900;
}

/* Re-implement Floating Animation */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-12px); } /* Slightly more pronounced float */
    100% { transform: translateY(0px); }
}

.floating {
    animation: float 6s ease-in-out infinite;
}

/* Simple Fade-in Animation for Sections (Example) */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Apply fade-in to sections - requires JS intersection observer for better effect,
   but can be applied directly for a simpler load animation */
/* section {
    animation: fadeIn 0.8s ease-out forwards;
} */
/* Commented out for now - better implemented with JS */


/* Custom Gradient Example (Can be used in Tailwind via arbitrary values or here) */
.gradient-brand {
    background-image: linear-gradient(to right, theme('colors.blue.500'), theme('colors.indigo.600'));
}

/* Style Enhancements for Buttons */
.btn {
    @apply inline-flex items-center justify-center px-6 py-3 rounded-lg font-medium transition-all duration-200 ease-in-out shadow-sm transform hover:-translate-y-0.5 hover:shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2;
}

.btn-primary {
    @apply bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500;
}

.btn-secondary {
    @apply bg-white text-blue-600 border border-blue-200 hover:bg-blue-50 focus:ring-blue-500;
}

/* Placeholder for more specific component styles */

/* Header Logo */
/* .header-logo { ... } */

/* Hero Section */
/* .hero-background-pattern { ... } */
/* .hero-visual-container svg { ... animation styles ... } */

/* Problem Section Cards */
/* .problem-card-icon { ... } */

/* Solution Section Mockups */
/* .communication-mockup { ... styles for phone frame, etc. ... } */
/* .waiting-list-mockup { ... styles for highlighting, etc. ... } */

/* Technology Section Diagram */
/* .tech-diagram-container svg { ... animation styles for lines, controller box ... } */

/* Integration Section Icons */
/* .integration-icon { ... } */

/* Compliance Section Badges */
/* .compliance-badge { ... } */

/* Footer Logo */
/* .footer-logo { ... } */