:root {
  /* ********************* */
  /* ***   TYPOGRAPHY  *** */
  /* ********************* */
  --font-family-DINNextLTPro-light: 'DIN Next LT Pro - Light';
  --font-family-DINNextLTPro-regular: 'DIN Next LT Pro - Regular';
  --font-family-DINNextLTPro-medium: 'DIN Next LT Pro - Medium';
  --font-family-DINNextLTPro-bold: 'DIN Next LT Pro - Bold';
  --font-family-DINNextLTPro-heavy: 'DIN Next LT Pro - Heavy';
  --font-family-DINNextLTPro-black: 'DIN Next LT Pro - Black';
 
  --font-family-FreightBigPro-light: 'Freight Big Pro - Light';
  --font-family-FreightBigPro-regular: 'Freight Big Pro - Regular';
  --font-family-FreightBigPro-medium: 'Freight Big Pro - Medium';
  --font-family-FreightBigPro-semibold: 'Freight Big Pro - Semibold';
  --font-family-FreightBigPro-bold: 'Freight Big Pro - Bold';
  --font-family-FreightBigPro-black: 'Freight Big Pro - Black';
 
  /* Display 4XL */
  --display-4XL-font-size: 64px;
  --display-4XL-line-height: 60px;
 
  /* Display 3XL */
  --display-3XL-font-size: 48px;
  --display-3XL-line-height: 52px;
 
  /* Display 2XL */
  --display-2XL-font-size: 36px;
  --display-2XL-line-height: 40px;
 
  /* Display XL */
  --display-XL-font-size: 32px;
  --display-XL-line-height: 44px;
 
  /* Display L */
  --display-L-font-size: 28px;
  --display-L-line-height: 36px;
 
  /* Display M */
  --display-M-font-size: 24px;
  --display-M-line-height: 32px;
 
  /* Display S */
  --display-S-font-size: 20px;
  --display-S-line-height: 30px;
 
  /* Text XL */
  --text-XL-font-size: 18px;
  --text-XL-line-height: 22px;
 
  /* Text L */
  --text-L-font-size: 16px;
  --text-L-line-height: 22px;
 
  /* Text M */
  --text-M-font-size: 14px;
  --text-M-line-height: 20px;
}