/* Muli Font Family */

@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/Muli-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Muli';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/Muli-LightItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/muli.ttf') format('truetype');
}

@font-face {
    font-family: 'Muli';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/Muli-Italic.ttf') format('truetype');
}

/* Apply Muli as the primary font */
body {
    font-family: 'Muli', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

/* Use Muli for headings and display text */
h1, h2, h3, h4, h5, h6,
.font-display {
    font-family: 'Muli', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    font-weight: 400;
}