/* =======================
   Hacen (Regular, Bold)
   ======================= */
   @font-face {
    font-family: 'Hacen';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/Hacen-Tunisia-Regular.woff2') format('woff2'),
         url('fonts/Hacen-Tunisia-Regular.woff') format('woff'),
         url('fonts/Hacen-Tunisia-Regular.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'Hacen';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/Hacen-Tunisia-Bold-.woff2') format('woff2'),
         url('fonts/Hacen-Tunisia-Bold-.woff') format('woff'),
         url('fonts/Hacen-Tunisia-Bold.ttf') format('truetype');
  }
  
  /* =======================
     Hacenextender 
     (Light, Regular, Medium, Bold)
     ======================= */
  @font-face {
    font-family: 'Hacenextender';
    font-style: normal;
    font-weight: 300; /* Light */
    src: url('fonts/HacenExtenderLt.woff2') format('woff2'),
         url('fonts/HacenExtenderLt.woff') format('woff'),
         url('fonts/HacenExtenderLt.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'Hacenextender';
    font-style: normal;
    font-weight: 400; /* Regular */
    src: url('fonts/HacenExtender.woff2') format('woff2'),
         url('fonts/HacenExtender.woff') format('woff'),
         url('fonts/HacenExtender.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'Hacenextender';
    font-style: normal;
    font-weight: 500; /* Medium */
    src: url('fonts/HacenExtenderMd.woff2') format('woff2'),
         url('fonts/HacenExtenderMd.woff') format('woff'),
         url('fonts/HacenExtenderMd.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'Hacenextender';
    font-style: normal;
    font-weight: 700; /* Bold */
    src: url('fonts/HacenExtenderBd.woff2') format('woff2'),
         url('fonts/HacenExtenderBd.woff') format('woff'),
         url('fonts/HacenExtenderBd.ttf') format('truetype');
  }
  

  body, p {
    font-family: 'Hacen', sans-serif; /* uses Hacen Regular (400) by default */
  }
  
  h1 {
    font-family: 'Hacenextender', sans-serif;
    font-weight: 700; /* Hacen Bold */
  }

  h2 {
    font-family: 'Hacenextender', sans-serif;
    font-weight: 500;
  }

  h3 {
    font-family: 'Hacenextender', sans-serif;
    font-weight: 400;
  }

  h4, h5, h6 {
    font-family: 'Hacenextender', sans-serif;
    font-weight: 300;
  }
  
  .light-text {
    font-family: 'Hacenextender', sans-serif;
    font-weight: 300;
  }
  
  .medium-text {
    font-family: 'Hacenextender', sans-serif;
    font-weight: 500;
  }