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

@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
    --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
    --font-serif: 'Playfair Display', serif;

    --color-luxury-blue-900: #0a1628;
    --color-luxury-blue-800: #243dae;
    --color-luxury-blue-700: #0062af;
    --color-luxury-gold-500: #d4af37;
    --color-luxury-gold-600: #bf8c1c;
}

@layer base {
    body {
        font-family: var(--font-sans);
        scroll-behavior: smooth;
    }

    h1, h2, h3, h4, h5, h6 {
        font-family: var(--font-serif);
    }
}

@layer utilities {
    .line-clamp-2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .hero-section {
        background: linear-gradient(135deg, #0a1628 0%, #243dae 50%, #0062af 100%);
    }
}

/* Custom animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.property-card {
    animation: fadeInUp 0.6s ease-out;
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Modal animations */
#inquiry-modal {
    animation: fadeIn 0.3s ease-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
