/* 
 * Auto-Detecting Custom Cursor - CSS File
 * 
 * This CSS creates a custom dot cursor that automatically changes
 * based on the background color it's hovering over.
 */

/* Hide the default cursor */
@media only screen and (min-width: 786px) {
    * {
        cursor: none !important; 
    }

    /* Custom cursor styling */
    .custom-cursor {
        position: fixed;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        border: solid 1px #eaeae9;
        background-color: black;
        pointer-events: none;
        z-index: 9999999;
        transform: translate(-50%, -50%);
        transition: background-color 0.15s ease, opacity 0.15s ease;
    }

}