:root {
    /* colors */
    --bg: #F5F5F5;
    --bg_grey: #DEDEDE;
    --bg_footer: #DCDFE6;
    --bg_menu : #E7F0F5;
    --header_hover: #8e8e8e;
    
    --red: #162755;
    --hover: #162755;
    --black: #333333;
    --white: #ffffff;
    --grey_medium: #e0e0e0;
    --grey_light: #efefef;
    --grey_light_2: #f8f8f8;
    --grey_dark: #8e8e8e;
    --grey_dark_2: #5c5c5c;
    --orange: #FF0000;
    --green: #269AAF;
        
    /* radius */
    --border_round: 0;
    --border_radius_l: 0;
    --border_radius_m: 0;
    --border_radius_s: 0;

    /* sizes */
    --container_width: 1560px;
    
    --btn_size_xl: 60px;
    --btn_size_l: 50px;
    --btn_size_m: 44px;
    --btn_size_s: 40px;
    
    --margin_blocks_bottom: 80px;
    --margin_blocks: 70px;
    --margin_heading: 40px;
  
    --margin_items_xl: 30px;
    --maring_items_l: 20px;
    --margin_items_m: 15px;
    --margin_items_s: 10px;
    
    --padding_items_xxl: 50px;
    --padding_items_xl: 30px;
    --padding_items_l: 20px;
    --padding_items_m: 15px;
    --padding_items_s: 10px;
    --padding_block_xl: 50px;
    --padding_block_l: 30px;
    --padding_border_xl: 50px;
    --padding_border_l: 30px;
    --padding_border_m: 20px;
    --padding_border_s: 15px;
    --padding_border_xs: 5px;
}