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

.hero-section {
    background-image: url('images/workspace.jpeg');
    background-size: cover;
    background-position: center;
}

/* Custom red color for focus rings to match the brand */
.focus\:ring-red-500:focus {
    --tw-ring-color: #ef4444;
}

.focus\:border-red-500:focus {
    --tw-border-opacity: 1;
    border-color: #ef4444;
}

/* Simple transition for card hover effects */
.card-hover, .pricing-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-hover:hover, .pricing-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}