/* cursor.css */
.custom-cursor-container {
  pointer-events: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
}

.custom-cursor-dot {
  position: absolute;
  border-radius: 50%;
  background-color: #000;
  width: 8px;
  height: 8px;
  transform: translate(-50%, -50%);
}

.custom-cursor-border {
  position: absolute;
  border-radius: 50%;
  border: 1px solid #000;
  width: 28px;
  height: 28px;
  transform: translate(-50%, -50%);
  transition:
    width 0.3s,
    height 0.3s;
}

/* Hover durumu için genişleme sınıfı */
.custom-cursor-border.hovering {
  width: 44px;
  height: 44px;
}

/* Sistem koyu temadaysa renkleri beyaza çevirir */
@media (prefers-color-scheme: dark) {
  .custom-cursor-dot {
    background-color: #fff;
  }
  .custom-cursor-border {
    border-color: #fff;
  }
}