/* ============================================
   カスタムマウスポインタ
   ============================================ */

/* デフォルトカーソルを非表示 */
body {
  cursor: none;
}

/* カスタムカーソル共通 */
.cursor-outer,
.cursor-inner {
  position: fixed;
  pointer-events: none;
  z-index: 10000;
  top: 0;
  left: 0;
  will-change: transform;
}

/* 外側の円 */
.cursor-outer {
  width: 60px;
  height: 60px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  transition: border-color 0.3s ease;
}

/* 内側の円 */
.cursor-inner {
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 50%;
  z-index: 10001;
}

/* ライトセクション用 */
.light-bg .cursor-outer {
  border-color: rgba(10, 10, 10, 0.5);
}

.light-bg .cursor-inner {
  background: #0a0a0a;
}

/* タブレット以下では非表示 */
@media (max-width: 768px) {
  body {
    cursor: auto !important;
  }
  
  .cursor-outer,
  .cursor-inner {
    display: none !important;
  }
}