/* Since Elementor overwrites some variables, a prefixed version of some of the global styles + additional variables for usage*/
:root {
    --beon-text-color: #0b142e;
    --beon-link-color: #957A4A;

    --beon-button-hover-color:#7E6539;
    --beon-button-color: #957A4A;
    --beon-secondary-button-color:#0B142E;

    --beon-form-background: #ffffff;
    --beon-font-family:  "Nunito Sans";
    
    --beon-extrasmall-font:14px;
    --beon-small-font-size: 15px;
    --beon-regular-font-size: 16px;
    --beon-medium-font-size: 17px;

    --beon-border-color: #e6e4e4;
    --beon-border-dark-color:#0B142E;
    --beon-divider-color:#DBD1C2;
    --beon-popup-border-color:#E8E8E8;

    --beon-border-radius: 10px;
    --beon-btn-border-radius:50px;

    --beon-regular:400;
    --beon-bold:600;
    --beon-font-medium:500;
    --beon-font-semibold:600;
    --beon-font-thin:300;
    --beon-font-bolder:700;

    --beon-primary-color: #957A4A;
    --beon-secondary-color:#0B142E;
    --beon-green-color:#43A063; 
    --beon-highlight-color:#F8F4EF;
    --beon-accent-color:#F4EEE6;

    --beon-box-shadow :0px 0px 10px #00000029;
}