/* Curseur personnalisé */
.custom-cursor {
  position: fixed;
  width: 40px;
  height: 40px;
  border: 1px solid var(--primary);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 9999;
  transition: width 0.3s ease, height 0.3s ease, background-color 0.3s ease;
  mix-blend-mode: difference;
}

.cursor-dot {
  position: fixed;
  width: 5px;
  height: 5px;
  background-color: var(--primary);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 10000;
  transition: transform 0.1s ease;
}

.cursor-grow {
  width: 60px;
  height: 60px;
  background-color: rgba(184, 160, 136, 0.1);
  mix-blend-mode: normal;
}

/* Masquer le curseur par défaut sur les éléments interactifs */
a,
button,
.btn,
.project-card,
.tech-item,
.tech-card,
.gallery-item,
input,
textarea,
.tab-button,
.category-tab {
  cursor: none;
}

/* Masquer le curseur personnalisé sur les appareils tactiles */
@media (hover: none) and (pointer: coarse) {
  .custom-cursor,
  .cursor-dot {
    display: none;
  }
}