body {
    font-family: 'Quicksand', sans-serif;
    background-color: #fafafa;
}

h1,
h2,
h3,
h4 {
    font-family: 'Outfit', sans-serif;
}

/* Custom Scrollbar - Baby Pink Theme */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #fdf2f2;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #fbcfe8;
    border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #f472b6;
}

/* Comment Tracking Lines */
.comment-node {
    position: relative;
}

.comment-replies-container {
    position: relative;
    margin-left: 1.5rem;
    /* ml-6 */
    padding-left: 1rem;
    /* pl-4 */
    border-left: 2px solid #fce7f3;
    /* border-pink-100 */
}

/* Hover Card Animations */
.hover-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Skeleton Pulse Animation Styling */
@keyframes pulse-soft {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

.animate-pulse-soft {
    animation: pulse-soft 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Three.js Container */
#three-canvas-container {
    pointer-events: none;
}