:root {
  /* Color */
  --primary   :  #E5DFFF;
  --secondary :  #fff;
  --tertiary  :  #121212;
  --bg-light  :  #F9F9F9;

/* Font-size */
  --fs-light :    14px;     /*  light */
  --fs-xxs   :    16px;     /* Extra small */
  --fs-xs    :    18px;     /* Extra small */
  --fs-s     :    20px;     /* normal */
  --fs-m     :    24px;     /* normal */
  --fs-l     :    32px;     /* medium */
  --fs-xl    :   40px;      /* medium */
  --fs-xxl   :    72px;     /* large */
  --fs-xxxl  :    88px;     /* triple Extra large */

/* Line Height */
  --lh-light :    22px;     /*  light */
  --lh-xxs   :    26px;     /* Double Extra small */
  --lh-xs    :    28px;     /* Extra small */
  --lh-s     :    33.6px;   /* large */
  --lh-m     :    48px;     /* Extra large */
  --lh-l     :    56px;     /* Extra large */
  --lh-xl    :    86.4px;   /* Extra large */
  --lh-xxl   :    105.6px;  /* triple Extra large */

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

/* Border Radius */

  --border-radius-l : 50px;

}