/* Cursor Effects */
.cursor, 
.cursor-follower {
    pointer-events: none;
    will-change: transform;
    position: fixed;
    z-index: 9999;
    transition: opacity 0.3s ease;
}

.cursor {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--primary-color);
}

.cursor-follower {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid var(--primary-color);
    transition: transform 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out;
}

/* Cursor hover effects */
.cursor-hover {
    transform: translate(-50%, -50%) scale(1.5) !important;
}

.follower-hover {
    transform: translate(-50%, -50%) scale(1.5) !important;
    background-color: rgba(108, 99, 255, 0.1) !important;
    border-color: transparent !important;
}

/* Dark mode specific cursor styles */
.dark-mode .cursor {
    background-color: var(--primary-color);
}

.dark-mode .cursor-follower {
    border-color: var(--primary-color);
}