@font-face{font-family:Nafees;src:url("../fonts/NafeesWeb.ttf")}

:root { 
    --black: #000000;
    --white: #ffffff;
    --bg: #f5f5f5;

    --theme-primary: #c80000;

   
    --font-size-xs: 14px;
    --font-size-s: 16px;
    --font-size-m: 18px;
    --font-size-l: 20px;
    --font-size-sl: 24px;
    --font-size-xl: 28px;
    --font-size-xxl: 34px;
    --font-size-xxxl: 40px;
  }



  body {
    font-family:Nafees,"Libre Franklin","Helvetica Neue",helvetica,arial,sans-serif;
    margin: 0;
  }

  h1 {
    font-size: var(--font-size-xxl);
    font-weight: 700;
    margin: 0;
  }

  h2 {
    font-size: var(--font-size-xl);
    font-weight: 700;
    margin: 0;
  }

  h3 {
    font-size: var(--font-size-sl);
    font-weight: 700;
    margin: 0;
  }

  h4 {
    font-size: var(--font-size-l);
    font-weight: 700;
    margin: 0;
  }

  h5 {
    font-size: var(--font-size-m);
    font-weight: 700;
    margin: 0;
  }

  h6 {
    font-size: var(--font-size-s);
    font-weight: 700;
    margin: 0;
  }


  p{
    font-size: var(--font-size-sl);
    line-height: 1.5;
    margin: 0;
    color: var(--black);
  }

  a{
    color: var(--theme-primary);
    text-decoration: none;
  }