/* ============================================================
   StyleKit — cursor.css
   Cursori custom SVG inline (data-URI): zero file esterni.
   Regola d'oro: il selettore generico deve avere specificità
   sufficiente — se un'altra regola imposta 'cursor' su un elemento
   (es. .dropdown summary { cursor:pointer }), quella vince e il
   cursore custom sparisce lì.
   Sostituisci i colori %23XXXXXX con il tuo accent (%23 = '#').
   ============================================================ */

@media (pointer: fine) {

    /* cursore base: freccia minimale */
    body {
        cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path d='M2 1 L2 13 L5.2 10.4 L7.2 15 L9.4 14.1 L7.4 9.6 L12 9.2 Z' fill='%238463a8' stroke='%23c9b3e8' stroke-width='1' stroke-linejoin='round'/></svg>") 2 1, auto;
    }

    /* su elementi cliccabili: stessa freccia + anello di interattività.
       HOTSPOT (2,1) = punta della freccia: precisione garantita. */
    a, button, summary, [role="button"] {
        cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22'><path d='M2 1 L2 13 L5.2 10.4 L7.2 15 L9.4 14.1 L7.4 9.6 L12 9.2 Z' fill='%23a583cc' stroke='%23c9b3e8' stroke-width='1' stroke-linejoin='round'/><circle cx='9' cy='9' r='9' fill='none' stroke='%238463a8' stroke-opacity='0.5' stroke-width='1'/></svg>") 2 1, pointer;
    }

    /* variante pallino (minima):
    body {
        cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><circle cx='6' cy='6' r='3.5' fill='%238463a8'/><circle cx='6' cy='6' r='3.5' fill='none' stroke='%23c9b3e8' stroke-width='1'/></svg>") 6 6, auto;
    }
    */
}

/* fallback: senza pointer fine (touch) resta il cursore di sistema.
   Con prefers-reduced-motion NON nascondere mai il cursore. */