/* Base styles */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    line-height: 1.6;
}

/* Loading animation */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.animate-spin {
    animation: spin 1s linear infinite;
}

/* Prose content styling */
.prose {
    max-width: 65ch;
}

.prose p {
    margin-bottom: 1rem;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Responsive tweaks */
@media (max-width: 640px) {
    .text-area-height {
        height: 40vh;
    }
}

@keyframes float {
    0%, 100% { transform: translateY(0) rotate(6deg); }
    50% { transform: translateY(-10px) rotate(6deg); }
}

@keyframes float-delay {
    0%, 100% { transform: translateY(-5px) rotate(-6deg); }
    50% { transform: translateY(5px) rotate(-6deg); }
}

.animate-float {
    animation: float 3s ease-in-out infinite;
}

.animate-float-delay {
    animation: float-delay 3s ease-in-out infinite;
    animation-delay: 0.5s;
}

/* Pink theme adjustments */
.bg-pink-50 {
    background-color: #fdf2f8;
}

.text-pink-600 {
    color: #db2777;
}

.bg-pink-600 {
    background-color: #db2777;
}

.hover\:bg-pink-700:hover {
    background-color: #be185d;
}

.focus\:ring-pink-500:focus {
    --tw-ring-color: #ec4899;
}

.border-pink-200 {
    border-color: #fbcfe8;
}

.text-pink-700 {
    color: #be185d;
}

.bg-pink-100 {
    background-color: #fce7f3;
}

.text-pink-800 {
    color: #9d174d;
}

/* Blue theme for networking mode */
.bg-blue-50 {
    background-color: #eff6ff;
}

.text-blue-600 {
    color: #2563eb;
}

.bg-blue-600 {
    background-color: #2563eb;
}

.hover\:bg-blue-700:hover {
    background-color: #1d4ed8;
}

.focus\:ring-blue-500:focus {
    --tw-ring-color: #3b82f6;
}

.border-blue-200 {
    border-color: #bfdbfe;
}

.text-blue-700 {
    color: #1d4ed8;
}

.bg-blue-100 {
    background-color: #dbeafe;
}

.text-blue-800 {
    color: #1e40af;
}

/* Heart pulse animation */
@keyframes heart-pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.animate-heart-pulse {
    animation: heart-pulse 1.5s ease-in-out infinite;
}