:root{
    --beon-primary-color:#54595F;
    --beon-yellow-color:#D19445;
    --beon-button-color:#888888;
    --beon-Indie-font:"Indie Flower", serif;
    --beon-default-font:"Roboto", sans-serif;
    --beon-white-color:#FFF;
    --beon-transparent:#FFFFFF00;
    --beon-box-shadow:0px 0px 10px 0 rgb(0 0 0 / 20%);
    --border-radius-small:10px;
    --beon-radius-large:99px;
    --beon-primary-filter: brightness(0) saturate(100%) invert(34%) sepia(8%) saturate(471%) hue-rotate(172deg) brightness(93%) contrast(85%);;
    --beon-button-filter: brightness(0) saturate(100%) invert(56%) sepia(6%) saturate(7%) hue-rotate(5deg) brightness(95%) contrast(89%);
    --beon-white-filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(3100%) hue-rotate(26deg) brightness(116%) contrast(100%);
    --beon-yellow-filter: brightness(0) saturate(100%) invert(69%) sepia(88%) saturate(452%) hue-rotate(331deg) brightness(88%) contrast(83%);
}