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

    .font-serif {
      font-family: 'Playfair Display', serif;
    }

    .font-sans {
      font-family: 'Inter', sans-serif;
    }

    .gallery-image {
      transition: all 0.4s ease;
      filter: brightness(0.95);
    }

    .gallery-image:hover {
      transform: scale(1.02);
      filter: brightness(1);
    }

    .luxury-gradient {
      background: linear-gradient(135deg, #021C17 0%, #1F3829 100%);
    }

    .gold-accent {
      color: #D4AF37;
    }

    .hero-overlay {
      background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1));
    }

    .booking-card {
      backdrop-filter: blur(10px);
      background: rgba(255, 255, 255, 0.95);
    }

    .amenity-icon {
      transition: transform 0.2s ease;
    }

    .amenity-icon:hover {
      transform: translateY(-2px);
    }

    /* Mobile optimizations */
    @media (max-width: 768px) {
      .mobile-hero-text {
        font-size: 2.5rem;
        line-height: 1.1;
      }

      .mobile-gallery {
        height: 300px;
      }

      .mobile-nav {
        display: none;
      }

      .mobile-button {
        padding: 0.75rem 1.5rem;
        font-size: 0.875rem;
      }
    }

    @media (max-width: 640px) {
      .mobile-hero-text {
        font-size: 2rem;
      }

      .mobile-gallery {
        height: 250px;
      }
    }