/* Smooth Custom Cursor - cursor.css */

body {
    cursor: none;
}

#scc-cursor {
    position: fixed;
    width: var(--scc-size, 12px);
    height: var(--scc-size, 12px);
    border-radius: 50%;
    background: var(--scc-color, #00ffff);
    pointer-events: none;
    z-index: 9999;
    transform: translate(-50%, -50%);
    mix-blend-mode: difference;
    transition: transform 0.15s ease, opacity 0.15s ease;
    will-change: left, top, transform;
}

#scc-cursor-ring {
    position: fixed;
    width: calc(var(--scc-size, 12px) * 4);
    height: calc(var(--scc-size, 12px) * 4);
    border: 1.5px solid var(--scc-color, #00ffff);
    border-radius: 50%;
    pointer-events: none;
    z-index: 9998;
    transform: translate(-50%, -50%);
    opacity: 0.6;
    mix-blend-mode: difference;
    transition: transform 0.15s ease, opacity 0.15s ease;
    will-change: left, top;
}

/* Hover state — scale up on links & buttons */
.scc-hover #scc-cursor {
    transform: translate(-50%, -50%) scale(1.8);
}

.scc-hover #scc-cursor-ring {
    transform: translate(-50%, -50%) scale(1.6);
    opacity: 0.3;
}

/* Hide native cursor on all elements */
*, *::before, *::after {
    cursor: none !important;
}