:root {
    --primary_color: #3739ad;
    --primary_color_see_through: #3e7ad4f3;

    --secondary_color:#428cb4;

    --hover_color: #377495;

    --background_color_content: #F6F6F9;
    --background_color_content_see_through: #f6f6f9f3;;
    

    --light_text_color: #ffffff;
    --dark_text_color: #000000;

    --font_size_large: 3vh;
    --font_size_normal: 2.5vh;
    --font_size_small: 1.8vh;

    --font_size_editor_box_label: 2.1vh;
    --font_size_editor_box_input: 1.9vh;

    --icon_size_large: 6vh;
    --icon_size_normal: 3vh;

    --height_header: 10vh /*6.5vh*/;
    --height_header_separator: 0.8vh;
    --height_content: 90vh; /*depends on --height_header*/

    --height_vertical_menu_items: 10vh /*6.5vh*/;

    --padding_left_main_logo: 4vh;

  
    --centered_window_header_height: 7vh;
 

     

  }