@font-face {
  font-family: Ubuntu-Regular;
  src: url(../fonts/Ubuntu/Ubuntu-Regular.ttf);
}

@font-face {
  font-family: Ubuntu-Bold;
  src: url(../fonts/Ubuntu/Ubuntu/Ubuntu-Bold.ttf);
}

@font-face {
  font-family: Ubuntu-Medium;
  src: url(../fonts/Ubuntu/Ubuntu/Ubuntu-Medium.ttf);
}

html{font-size: 12px;}

:root {

  
  /* bg colors */
  --Primary1:#6317AF;
  --PrimaryHover:#420580;
  --Primary3:#DFC4F9;
  --Primary2:#00008C;

  --Secondary1:#3DCC77;
  --Secondary2:#D3FBF3  ;

  --Green100:#EAFBE7;
  --Green600:#328048;

  --Success700:#2F6846;
  --Success600:#328048;
  --Success500:#5CB176;
  --Success200:#C6F0C2;
  --Success100:#EAFBE7;

  --Error700:#B72B1A;
  --Error600:#D02B20;
  --Error500:#EE5E52;
  --Error200:#F5C0B8;
  --Error100:#FCECEA;

  --Info900:#1976D3;
  --Info800:#F6F4FD;
  --Info700:#271FE0;
  --Info600:#4945FF;
  --Info500:#7B79FF;
  --Info200:#D9D8FF;
  --Info100:#F0F0FF;

  --Neutrals900:#000000;
  --Neutrals800:#170F49;
  --Neutrals700:#514F6E;
  --Neutrals600:#6F6C90;
  --Neutrals500:#A0A3BD;
  --Neutrals400:#D9DBE9;
  --Neutrals300:#EFF0F6;
  --Neutrals200:#F7F7FB;
  --Neutrals100:#FFFFFF;

  /* font Sizes */

  /*heading*/
  --heading1:4.167rem;                /*font-size 50 */
  --heading2:3.667rem;                /*font-size 44 */
  --heading3:2.833rem;                /*font-size 34 */
  --heading4:1.8rem;                    /*font-size 24 */
  --heading5:1.5rem;                  /*font-size 18 */
  --heading6:1.333rem;                /*font-size 16 */
  --heading7:3.300rem;    
  --heading8:3.2rem; 
  --heading9:1.8rem; 
  --heading10:2.5rem; 
  

  /*paragraph* textsize/lineHeight */
  --default:1rem; 
  --xxxxSmall: 1.101rem;          /*font-size 12 */
  --xxxSmall: 1.167rem;          /*font-size 14 */
  --xxSmall: 1.333rem;           /*font-size 16 */
  --xSmall: 1.5rem;              /*font-size 18 */
  --small: 1.667rem;             /*font-size 20 */
  --medium: 1.833rem; 
  --large2: 2.5rem;           /*font-size 22 */ 
  --large: 2.0rem;
  /* --xxlarge:2.4rem/38px; */


   /* font weight */
   --light:300;
   --regular: 400;
   --semiBold: 500;
   --bold: 700;

/*border-radius*/

--border-radius:24px;


  /* transition */
  --transition: all 0.3s ease-in-out;

  /* buttons */
  --btnPrimary:var(--Primary1);

 

/* boxShadow */
--buttonShadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
--boxShadow:0px 0px 4px 0px rgba(0, 0, 0, 0.25);

--perple-gradient:rgba(228, 203, 253, 0.67);
--green-gradient:linear-gradient(180deg, rgba(61,204,119,1) 20%, rgba(115,245,167,1) 90%);
--background1:rgb(61,204,119);


  /* font family */  
  --Ubuntu-Regular: Ubuntu-Regular;
  --Ubuntu-Bold: Ubuntu-Bold;
  --Ubuntu-Medium: Ubuntu-Medium;
  
}