/* Manrope Typography System */

/* Display XXL */
.display-xxl-bold {
    font-family: 'Manrope', sans-serif;
    font-size: 32px !important;
    line-height: 40px !important;
    font-weight: 700 !important;
  }
  
  .display-xxl-semibold {
    font-family: 'Manrope', sans-serif;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
  }
  
  .display-xxl-medium {
    font-family: 'Manrope', sans-serif;
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
  }
  
  .display-xxl-regular {
    font-family: 'Manrope', sans-serif;
    font-size: 32px;
    line-height: 40px;
    font-weight: 400;
  }
  
  /* Display XL */
  .display-xl-bold {
    font-family: 'Manrope', sans-serif;
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
  }
  
  .display-xl-semibold {
    font-family: 'Manrope', sans-serif;
    font-size: 24px;
    line-height: 40px;
    font-weight: 600;
  }
  
  .display-xl-medium {
    font-family: 'Manrope', sans-serif;
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
  }
  
  .display-xl-regular {
    font-family: 'Manrope', sans-serif;
    font-size: 24px;
    line-height: 40px;
    font-weight: 400;
  }
  
  /* Display L */
  .display-l-bold {
    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
  }
  
  .display-l-semibold {
    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
  }
  
  .display-l-medium {
    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
  }
  
  .display-l-regular {
    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
  }
  
  /* Display M */
  .display-m-bold {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
  }
  
  .display-m-semibold {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
  }
  
  .display-m-medium {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
  }
  
  .display-m-regular {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }
  
  /* Display S */
  .display-s-bold {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
  }
  
  .display-s-semibold {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
  }
  
  .display-s-medium {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
  }
  
  .display-s-regular {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
  }
  
  /* Display XS */
  .display-xs-bold {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
  }
  
  .display-xs-semibold {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
  }
  
  .display-xs-medium {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
  }
  
  .display-xs-regular {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
  }
  
  /* Title Styles */
  .title-large-bold {
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
  }
  
  .title-large-semibold {
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
  }
  
  .title-large-medium {
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
  }
  
  .title-large-regular {
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
  }
  
  .title-medium-bold {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
  }
  
  .title-medium-semibold {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
  }
  
  .title-medium-medium {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
  }
  
  .title-medium-regular {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }


  .title-s-bold {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
  }
  
  .title-s-semibold {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
  }
  
  .title-s-medium {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
  }
  
  .title-s-regular {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
  }
  
  /* Paragraph Styles */
  .paragraph-large-bold {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
  }
  
  .paragraph-large-semibold {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
  }
  
  .paragraph-large-medium {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
  }
  
  .paragraph-large-regular {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }
  
  .paragraph-medium-bold {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
  }
  
  .paragraph-medium-semibold {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
  }
  
  .paragraph-medium-medium {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
  }
  
  .paragraph-medium-regular {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
  }
  
  .paragraph-small-bold {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
  }
  
  .paragraph-small-semibold {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
  }
  
  .paragraph-small-medium {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
  }
  
  .paragraph-small-regular {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
  }
  
  /* Button Styles */
  .button-large-bold {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
  }
  
  .button-large-semibold {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
  }
  
  .button-large-medium {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
  }
  
  .button-large-regular {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }
  
  .button-medium-bold {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
  }
  
  .button-medium-semibold {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
  }
  
  .button-medium-medium {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
  }
  
  .button-medium-regular {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
  }
  
  .button-small-bold {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
  }
  
  .button-small-semibold {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
  }
  
  .button-small-medium {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
  }
  
  .button-small-regular {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
  }