:root {
    --color-grdient:linear-gradient(#019aff, #6633cc);
   

    --header-bg:#003144;
    --footer-bg:#ecebeb;
    --sidebar-pri-bg:#ecebeb;
    --sidebar-sec-bg:#003144;
    --pri-bg: #ecebeb;
    --sec-bg: #fff;
    --hover-dark-bg:#003144;

    --sub-menu-wrraper:var(--sec-title-bg);

    --pri-title-bg:#003144;
    --sec-title-bg:#dedee2;

    --txt-pri:#020010;
    --txt-sec: #fff; 
    --txt-grey:#020010b0;
    --txt-sidebar:#020010b0;
    --txt-pri-active:#020010;
    --txt-light-hover: #fff;
    --txt-dark-hover: #000;
   

    --icon-pri:#003144;
    --icon-hover:#FFF;

    --btn-bg: #003144;
    --btn-bg-light:#fff;
    --btn-active:#ecebeb;
    --btn-hover: #020010b0;
    --btn-txt-hover: #fff;
    --btn-txt: #fff;
    --btn-txt-dark:#020010;
    --btn--border:#fff;


    --shdw-pri:#020010b0;
    --shdw-sec:#ecebeb75;
    --shdw-white:#fff;

    --border-pri:#020010;
    --border-sec:#ecebeb;
    

  }