:root {
    --color-grdient:linear-gradient(#019aff, #6633cc);
   --pri-c1:#dd3333;
   --pri-c2:#003144;
   --linear-grad-1: linear-gradient(#dd3333, #bd0000);
   --linear-grad-2:linear-gradient(60deg, #dd3333, #E77815);

    --header-bg:var(--pri-c2);
    --footer-bg:#ecebeb;
    --sidebar-pri-bg:#ecebeb;
    --sidebar-sec-bg:var(--pri-c2);;
    --pri-bg: #ecebeb;
    --sec-bg: #fff;
    --hover-dark-bg:var(--pri-c2);

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

    --pri-title-bg:#dd3333;
    --sec-title-bg:var(--linear-grad-2);

    --txt-pri:#020010;
    --txt-sec: #fff; 
    --txt-grey:#020010b0;
    --txt-sidebar:#020010b0;
    --txt-pri-active:#020010;
    --txt-light-hover: #fff;
    --txt-dark-hover: var(--pri-c2);;
   

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

    --btn-bg: #dd3333;
    --btn-bg-light:#fff;
    --btn-active:#ecebeb;
    --btn-hover: #a72626;
    --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;
    

  }