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

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

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

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

@font-face {
    font-family: 'Helvetica';
    src: url('/fonts/Helvetica-Bold-02.ttf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}



/*// CSS Variables for easy usage*/
:root {
    --font-family-primary: 'DIN', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}

/*// Optional: Helper classes for different weights*/
.font-regular {
	font-weight: 400;
}

.font-medium {
	font-weight: 500;
}

.font-semibold {
	font-weight: 600;
}

.font-bold {
	font-weight: 700;
}

.font-extrabold {
	font-weight: 800;
}

.font-black {
	font-weight: 900;
}

/*// Optional: Apply to body for global usage*/
body, p, h1, h2, h3 {
	font-family: var(--font-family-primary) !important;
}