/* Custom glowing dot cursor — fine-pointer devices only.
   Brand colors are inherited from each page's :root vars. */
@media (pointer: fine) {
  html, body, * { cursor: none !important; }

  #cursor {
    position: fixed;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    margin: 0;
    border-radius: 50%;
    background: var(--reseda, #6D6943);
    box-shadow: 0 0 16px 4px rgba(109, 105, 67, 0.45),
                0 0 32px 6px rgba(109, 105, 67, 0.18);
    opacity: 0.9;
    pointer-events: none;
    z-index: 99999;
    transform: translate3d(-100px, -100px, 0) translate(-50%, -50%);
    transition: width 0.22s ease,
                height 0.22s ease,
                background 0.22s ease,
                box-shadow 0.22s ease,
                opacity 0.22s ease;
    will-change: transform;
  }

  #cursor.is-hover {
    width: 56px;
    height: 56px;
    background: var(--pinklav, #C8A1B1);
    box-shadow: 0 0 28px 10px rgba(200, 161, 177, 0.35),
                0 0 56px 14px rgba(200, 161, 177, 0.15);
    opacity: 0.45;
  }
}