:root {
    /* ---- Shared info-mark surface (consumed by hs_info AND hs_extlink) ---- */
    /* Default: 20px */
    --hotspot-info-mark-size: 20px;
    /* Default: #111111 */
    --hotspot-info-color: #111111;
    /* Default: 20px */
    --hotspot-info-font-size: 20px;
    /* Default: 400 */
    --hotspot-info-font-weight: 400;
    /* Default: 20px */
    --hotspot-info-line-height: 20px;

    /* ---- hs_info-specific tokens ---- */

    /* Spot (solid dot; --group-color is JS-injected, token is the fallback bg) */
    /* Default: 30px */
    --hs-info-spot-size: 30px;
    /* Default: 100px */
    --hs-info-spot-radius: 100px;
    /* Default: rgba(255,255,255,1) */
    --hs-info-spot-bg-fallback: rgba(255,255,255,1);
    /* Default: 1px */
    --hs-info-spot-border-width: 1px;
    /* Default: rgba(0,0,0,0.6) */
    --hs-info-spot-border-color: rgba(0,0,0,0.6);

    /* Ring (pulsing outline; hover changes opacity only, no scale) */
    /* Default: 40px */
    --hs-info-ring-size: 40px;
    /* Default: 100px */
    --hs-info-ring-radius: 100px;
    /* Default: 2px */
    --hs-info-ring-border-width: 2px;
    /* Default: rgba(255,255,255,1) */
    --hs-info-ring-border-color: rgba(255,255,255,1);
    /* Default: 0.5 */
    --hs-info-ring-opacity: 0.5;
    /* Default: 1 */
    --hs-info-ring-opacity-hover: 1;
    /* Default: 2s */
    --hs-info-ring-pulse-duration: 2s;

    /* Icon container + SVG fills */
    /* Default: 100px */
    --hs-info-icon-radius: 100px;
    /* Default: #ffffff */
    --hs-info-icon-ring-fill: #ffffff;
    /* Default: #000000 */
    --hs-info-icon-fill: #000000;

    /* Popup card (width is max-content, clamped by these tokens) */
    /* Default: 30rem */
    --hs-info-popup-max-width: 30rem;
    /* Default: 12rem */
    --hs-info-popup-min-width: 12rem;
    /* Default: 42rem */
    --hs-info-popup-max-height: 42rem;
    /* Default: 8px */
    --hs-info-popup-radius: 8px;
    /* Default: rgba(0,0,0,0.9) */
    --hs-info-popup-bg: rgba(0,0,0,0.9);
    /* Default: 18rem */
    --hs-info-popup-img-max-height: 18rem;

    /* Popup text */
    /* Default: 1.6rem */
    --hs-info-title-font-size: 1.6rem;
    /* Default: 1.2rem */
    --hs-info-descr-font-size: 1.2rem;
    /* Default: 18rem */
    --hs-info-descr-max-height: 18rem;

    /* Scale-down (active mousedown / hs-scale-down body state) */
    /* Default: 0.7 */
    --hs-info-scaledown-opacity: 0.7;
    /* Default: 0.7 */
    --hs-info-scaledown-scale: 0.7;
}