/* Global stylesheet served directly from /public (bypasses Vite/Tailwind).
   Defines the Archivo @font-face faces and forces them as the page font. */

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

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

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

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

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

/* Force Archivo across the document. !important guarantees it wins over any
   Tailwind/preflight font-family rule regardless of load order. */
html,
body,
button,
input,
select,
textarea,
h1, h2, h3, h4, h5, h6, p, a, span, div, li {
    font-family: 'Archivo', sans-serif !important;
}