:root {

  /****** Font size *****/
  --fs65:65px;
  --fs50:50px;
  --fs40:40px;
  --fs35:35px;
  --fs30:30px;
  --fs27:27px;
  --fs26:26px;
  --fs24:24px;
  --fs22:22px;
  --fs20:20px;
  --fs19:19px;
  --fs18:18px;
  --fs16:16px;
  --fs15:15px;
  --fs14:14px;
  --fs13:13px;
  --fs12:12px;
  --fs11:11px;
  --fs10:10px;

  /***** line height *****/
  --lh24: 24px;
  --lh61: 61px;
  --lh56: 56px;
  --lh42: 42px;
  --lh36: 36px;
  --lh32: 32px;
  --lh22: 22px;
  --lh24: 24px;
  --lh27: 27px;
  --lh23: 23px;
  --lh21: 21px;
  --lh15: 15px;

  /***** Font Weights *****/
  --fw300:300;
  --fwn:400;
  --fw500:500;
  --fw600:600;
  --fwbold:700;
  --fwblack:900;

  /***** Font style ******/
  --fsn:normal;
  --fsi:italic;


  /***** Colors *****/
  --white:#fff;
  --black:#000;
  --smilered:#f93822;
  --red:#FF0000;
  --green:#27AE60;
  --cod-grey:#2C2E30;
  --flamingo:#1A2541;
  --flamingo-dark:#0F1626;
  --revolver:#36363A;
  --jungle-green:#318269;
  --jungle-green-dark:#276954;
  --elm:#0072B3;
  --jaffa:#E16E4C;
  --shady-lady:#979797;
  --body-bg:#FFF;
  --border-color:#d8d8d8;
  --light-border-color:#E3E3E3;
  --darkgray: #989288;
  --border-gray:#E9E9E9;
  --light-gray-border:#EBEBEB;
  --blue:#416CD9;

  /***** Base *****/
  --lt: 'Lato';
  --ah: 'Atkinson Hyperlegible';
  --bs: 'basic-sans';
  --base-font-size:--fs18;
  --base-color:$cod-grey;

  /***** Breakpoints *****/
  --laptop-lg:"1440px";
  --laptop-sm: "1199px";
  --tablet: "1024px";
  --tablet-sm: "991px";
  --mobile-lg: "767px";
  --x-small:"576px";

}