:root {    
    /* colors */
    --main: #57AF5B;
    --hover: #57AF5B;
    --black: #1B1B25;
    --white: #ffffff;
    --orange: #FF7E00;
    --green: #26AF64;
    --red: #ea0b0c;    
    --corall: #FF5E6B;
    --grey_bg: #F5F5F7;
    --grey_medium: #e0e0e0;
    --grey_dark: #8F8FA3;
    --grey_dark_2: #5E5E6D;

    /* radius */
    --border_round: 50px;
    --border_radius_l: 20px;
    --border_radius_m: 10px;
    --border_radius_s: 4px;
    
    /* fonts */
    --h1: 34px;
    --h2: 30px;
    --h3: 26px;
    --h4: 24px;
    --text: 14px;
    --button: 16px;
    --text_sub: 12px;
    
    --line-height_l: 150%;
    --line-height_m: 130%;
    --line-height_s: 120%;
    
    --font-weight_b: 700;
    --font-weight_l: 600;
    --font-weight_m: 500;
    --font-weight_s: 400;

    /* sizes */
    --container_width: 1560px;
    
    --btn_size_l: 50px;
    --btn_size_m: 44px;
    --btn_size_s: 40px;
    
    /* blocks */
    --margin_blocks_bottom: 40px;
    --margin_blocks: 30px;
    --margin_blocks_s: 20px;
    --margin_blocks_xs: 10px;
}