:root {
    --beon-body-color: var(--text-color);
    --beon-white-color:#FFF;
    --beon-font-family:'Fira Sans', sans-serif;

    --beon-box-shadow:0px 0px 10px 0 rgb(0 0 0 / 20%);
    --beon-fav-menu-button-hover-font: 500 var(--font-size-medium) var(--beon-font-family);
    --beon-fav-menu-button-hover-text-color: var(--beon-body-color);
    --beon-fav-menu-button-hover-bg-color: #fff;
    --beon-fav-menu-button-hover-border: 1px solid var(--beon-border-color);
    --beon-fav-menu-button-hover-border-radius: var(--beon-border-radius-small);
    --beon-fav-menu-button-icon-filter: var(--beon-icon-filter-text-color);
    --beon-fav-menu-button-icon-active-bg-color: #E2E8ED;
    --beon-icon-filter-text-color: brightness(0) saturate(100%) invert(41%) sepia(1%) saturate(2795%) hue-rotate(1deg) brightness(80%) contrast(78%);
    --beon-icon-filter-white-color: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);

     --beon-map-icon-box-shadow: 0 3px 6px var(--beon-shadow-color);
    --beon-map-tooltip-border: 1px solid var(--beon-border-color);
    --beon-map-tooltip-border-radius: var(--beon-border-radius-small);
    --beon-map-tooltip-background: #fff;
    --beon-map-tooltip-img-border-radius: 5px;
    --beon-map-tooltip-title-font: 700 var(--font-size-medium) var(--beon-font-family);
    --beon-map-tooltip-title-text-color: var(--beon-body-color);
    --beon-map-tooltip-highlight-font: 500 12px var(--beon-font-family);
    --beon-map-tooltip-highlight-text-color: var(--beon-body-color); 
    --beon-map-tooltip-highlight-bg-color: #F4F6F8;
    --beon-map-tooltip-highlight-border-radius: 5px;
    --beon-map-blocker-button-font: 700 var(--font-size-medium) var(--beon-font-family);
    --beon-map-blocker-text-font: 400 var(--font-size-medium) var(--beon-font-family);
    --beon-map-blocker-button-text-color: var(--beon-bg-color);
    --beon-map-blocker-button-bg-color: #fff;
    --beon-map-blocker-button-border: 1px solid var(--border-color);
    --beon-map-blocker-button-border-radius: 0px;
    --beon-map-zoom-button-bg-color: var(--beon-body-color);
    --beon-map-zoom-button-color: #fff;
    --beon-map-zoom-button-filter: var(--beon-icon-filter-white);
    --beon-map-zoom-button-border: none;
    --beon-map-zoom-button-border-radius: 50%;
    --beon-map-zoom-button-font: 700 18px/30px var(--beon-font-family);
    --beon-map-blocker-color: transparent;
    --beon-map-blocker-opacity: 100%;
}