:root {
  
  --color-primary: #0308CA;
  --color-primary-hsl: hsla(238, 97%, 40%, 1);
  --color-primary-h: 238;
  --color-primary-s: 97%;
  --color-primary-l: 40%;

  --color-primary-new: #223DCB;


  --color-secondary: #0000FF;
  --color-secondary-60: #2A99D3;


  --color-teal: #4FBBBA;
  --color-teal-40: #7EC5B1;
   --color-teal-20: #E2F2EE;  
  --color-teal-10: #F0F9F6;  
  --color-teal-0:  #FCFEFD;  

  --color-primary-60: #686CFD;
  --color-primary-50: #8184FD;
  --color-primary-140: #020697;
  --color-primary-30: #B4B5FE;
  --color-primary-20: #CDCEFE;
  --color-primary-10: #E6E6FF;
  --color-primary-0: #F2F3FF;

  --bg-light: #F2F3FF;
  --bg-dark: #0307B0;

  --color-text: #000;
  --color-text-dark: ;
  --color-text-light: ;
  --color-text-white: #FAFAFF;

  --color-header: #000;
  --color-header-dark: ;
  --color-header-light: ;
  --color-header-white: ;


}