:root {
  /* Color */
  --primary: #E5DFFF;
  --secondary:  #fff;
  --tertiary: #121212;
  --bg-light: #F9F9F9;
  --placeholder: #9C9C9C;
/* Font-size */
  --fs-light :    14px;     /*  light */
  --fs-xxs   :    16px;     /* Extra small */
  --fs-xs    :    18px;     /* Extra small */
  --fs-n     :    24px;     /* normal */
  --fs-m     :    32px;     /* medium */
  --fs-l     :    35px;     /* large */
  --fs-xxxl  :    69px;     /* triple Extra large */

/* Line Height */
  --lh-light :    24px;     /*  light */
  --lh-xxs   :    26px;     /* Double Extra small */
  --lh-xs    :    28px;     /* Extra small */
  --lh-l     :    43.05px;  /* large */
  --lh-xl    :    54.12px;  /* Extra large */
  --lh-xxl    :   67.65px;  /* Extra large */
  --lh-xxxl  :    84.87px;  /* triple Extra large */

/* Font Weight */
  --fw-light :    400;     
  --fw-medium:    500;     
  --fw-bold  :    600;     
  --fw-extra-bold  :  700;     

/* Border Radius */
  --border-radius-l : 50px;

}