/* ============================================================ */
/* FONT DECLARATIONS - Using relative paths for static files    */
/* ============================================================ */

/* 42 Dot Sans - Light (300) */
@font-face {
    font-family: '42 Dot Sans';
    src: url('/static/fonts/42dotsans-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* 42 Dot Sans - Regular (400) */
@font-face {
    font-family: '42 Dot Sans';
    src: url('/static/fonts/42dotsans-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* 42 Dot Sans - Medium (500) */
@font-face {
    font-family: '42 Dot Sans';
    src: url('/static/fonts/42dotsans-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* 42 Dot Sans - Bold (700) */
@font-face {
    font-family: '42 Dot Sans';
    src: url('/static/fonts/42dotsans-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* 42 Dot Sans - ExtraBold (800) */
@font-face {
    font-family: '42 Dot Sans';
    src: url('/static/fonts/42dotsans-extrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Noto Naskh Arabic - Variable (400-700) */
@font-face {
    font-family: 'Noto Naskh Arabic';
    src: url('/static/fonts/NotoNaskhArabic-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
}

/* Apply fonts globally */
html, body {
    font-family: '42 Dot Sans', 'Noto Naskh Arabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, .font-heading, .font-brand {
    font-family: '42 Dot Sans', 'Noto Naskh Arabic', sans-serif;
}