/* Pointer light is paint-only: no extra elements, layout changes or logo styles. */
@media (any-hover: hover) and (any-pointer: fine) and (prefers-reduced-motion: no-preference) {
  [data-mgo-lit]:not(:disabled):not([aria-disabled="true"]) {
    background-image: radial-gradient(
      ellipse var(--mgo-light-rx, 130px) var(--mgo-light-ry, 80px) at var(--mgo-light-x, 50%) var(--mgo-light-y, 50%),
      rgba(196, 244, 255, calc(var(--mgo-light-power, 0) * .78)) 0%,
      rgba(161, 199, 255, calc(var(--mgo-light-power, 0) * .52)) 28%,
      rgba(128, 129, 255, calc(var(--mgo-light-power, 0) * .20)) 60%,
      transparent 100%
    ), var(--mgo-light-base, none) !important;
    /* Keep labels readable against the brighter cyan highlight, including hover. */
    color: #0a0b12 !important;
  }
}