@keyframes colorShift {
    0%, 100% { border-color: var(--cyan); }
    50% { border-color: var(--primary); }
}

@keyframes colorShiftBackground {
    0%, 100% { color: var(--cyan); }
    50% { color: var(--primary); }
}

.cursor {
    width: 20px; height: 20px; border: 2px solid var(--primary);
    border-radius: 50%; position: fixed; pointer-events: none;
    z-index: 9999; transition: transform 0.1s ease; mix-blend-mode: difference;
}
.cursor-dot {
    width: 4px; height: 4px; background: var(--cyan);
    border-radius: 50%; position: fixed; pointer-events: none; z-index: 9999;
}