/* ==========================================
   CURSOR FOLLOWER (Non-invasive)
   Royal Bronze Theme
   Base color: bronze gold (#B08D57)
   ========================================== */

/* Cursor Follower - does NOT hide default cursor */
.cursor-follower {
  position: fixed;
  width: 20px;
  height: 20px;
  border-radius: 50%;

  /* Small dot: warm bronze + subtle glow */
  background: rgba(176, 141, 87, 0.15);
  border: 2px solid rgba(176, 141, 87, 0.45);

  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  transition:
    width 0.3s ease,
    height 0.3s ease,
    background 0.3s ease,
    border 0.3s ease,
    opacity 0.3s ease;

  opacity: 0;
}

.cursor-follower.active {
  opacity: 1;
}

/* Dim theme — warmer, elegant bronze glow */
html[data-theme="dim"] .cursor-follower {
  background: rgba(176, 141, 87, 0.20);
  border: 2px solid rgba(176, 141, 87, 0.55);
}

/* Hover State - Bigger & Bronze */
.cursor-follower.hover {
  width: 50px;
  height: 50px;

  /* Stronger bronze presence */
  background: rgba(176, 141, 87, 0.12);
  border: 2px solid rgba(176, 141, 87, 0.75);
}

html[data-theme="dim"] .cursor-follower.hover {
  background: rgba(176, 141, 87, 0.15);
  border: 2px solid rgba(176, 141, 87, 0.85);
}

/* Hide on touch devices */
@media (hover: none) {
  .cursor-follower {
    display: none !important; 
  }
}

/* ==========================================
   FARBPALETTE
   ========================================== 
   
   🎨 BRONZE CURSOR:
   Base:            rgba(176, 141, 87, 0.15)
   Border:          rgba(176, 141, 87, 0.45)
   Hover:           rgba(176, 141, 87, 0.75)
   
   ========================================== */