:root {
    /*global font*/
    --c-font:"Roboto";

    /*Logo*/
    --c-logo-size: 120px;
     --c-logo-size-mobile: 100px;
    /*Header size*/
    --c-header-top: 70px;
    --c-header-bottom:40px;

    --c-header-mobile:54px;

    /*Sidebars */
    --c-l-sidebar-min:220px;
    --c-l-sidebar-max:300px;

    --c-l-collapsed-sidebar-min:45px;
    --c-l-collapsed-sidebar-max:50px;

    --c-r-sidebar-min:300px;
    --c-r-sidebar-max:360px;
    /*Icons*/
    --c-icon-width:24px;
    
     --c-primary: #001e2e;
    --c-primary-b: #076da7;
    --c-primary-c: rgb(0, 61, 89);
    --c-primary-d: #0988d1;
    --c-emphasis: #ff8200;
    --c-emphasis-b: #d66f00;
    --c-emphasis-c: #ad5a00;
    --c-paper: #F0F5FA;
    --c-background: #f2f2f2;
    --c-shade: rgba(0, 0, 0, 0.16);
    --c-shade-b: rgba(0, 0, 0, 0.24);
    --c-tint: rgba(255, 255, 255, 0.08);
    --c-tint-b: rgba(255, 255, 255, 0.24);
    --c-tint-c: #0988d166;
    /* Helper Colors */
    --c-black: rgba(0, 0, 0, 0.75);
    --c-black-e: #000000;
    --c-white: #f2f2f2;
    --c-white-e: #ffffff;
    --c-yellow: #59acdc;
    --c-green: #18A460;
    --c-green-b: rgba(24, 164, 96, .3);
    --c-red: #ff0b24; 
    --c-red-b: rgba(255, 11, 36, .3);
    --ds-1p: 0 1px 1px rgba(8, 14, 22, 0.08);
    --ds-2p: 0 2px 1px rgba(8, 14, 22, 0.08); 
    --ds-2p-top: 0 -1px rgba(8, 14, 22, 0.08), 0 2px 1px rgba(8, 14, 22, 0.08); 
    --ds-button: inset 0 1px rgba(255, 255, 255, 0.04), 0 1px rgba(8, 14, 22, 0.08), 0 1px 4px rgba(8, 14, 22, 0.08); 
    --b-border: solid 1px var(--c-tint); 
    --b-border-b: solid 1px var(--c-tint-b); 
    --r: 2px; 
    --r-top: 4px 4px 0 0; 
    --r-bottom: 0 0 4px 4px; 
    --r-b: 4px; 
    --r-c: 8px; 
    --scrollbar-thumb: #0988d1;
    --scrollbar-track: rgba(0, 0, 0, 0.16);
    --c-text-dark: rgba(0, 0, 0, 0.75); /**/
    --c-text-dark-e: #000000; /**/
    --c-text-light: rgba(255, 255, 255, 0.7); /**/
    --c-text-light-e: #ffffff; /**/
}