@font-face {
    font-family: 'IBM Plex Mono';
    src: url('/fonts/IBMPlexMono-ExtraLight.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'IBM Plex Mono';
    src: url('/fonts/IBMPlexMono-Regular.ttf') format('truetype');
    font-weight: 200;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Questrial';
    src: url('/fonts/Questrial-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Wix Madefor Display';
    src: url('/fonts/WixMadeforDisplay-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Wix Madefor Display';
    src: url('/fonts/WixMadeforDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Wix Madefor Display';
    src: url('/fonts/WixMadeforDisplay-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Wix Madefor Display';
    src: url('/fonts/WixMadeforDisplay-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Wix Madefor Display';
    src: url('/fonts/WixMadeforDisplay-ExtraBold.ttf') format('truetype');
    font-weight: 800;
}

/* Font Family Variables */
:root {
    --font-family-primary: 'Open Sans', 'Segoe UI', Helvetica, Tahoma, sans-serif;
    --font-family-heading: 'Wix Madefor Display', sans-serif;
    --font-family-mono: 'IBM Plex Mono', monospace;
}