/* Offline Font System */
/* Fallback fonts yang tersedia di sistem operasi */

@font-face {
    font-family: 'Inter-Fallback';
    src: local('Segoe UI'), local('Roboto'), local('Arial'), local('sans-serif');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Inter-Fallback';
    src: local('Segoe UI'), local('Roboto'), local('Arial'), local('sans-serif');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Inter-Fallback';
    src: local('Segoe UI Semibold'), local('Roboto Medium'), local('Arial Bold'), local('sans-serif');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Inter-Fallback';
    src: local('Segoe UI Semibold'), local('Roboto Medium'), local('Arial Bold'), local('sans-serif');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Inter-Fallback';
    src: local('Segoe UI Bold'), local('Roboto Bold'), local('Arial Bold'), local('sans-serif');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Inter-Fallback';
    src: local('Segoe UI Bold'), local('Roboto Black'), local('Arial Black'), local('sans-serif');
    font-weight: 800;
    font-style: normal;
}

/* Montserrat Fallback */
@font-face {
    font-family: 'Montserrat-Fallback';
    src: local('Segoe UI'), local('Roboto'), local('Arial'), local('sans-serif');
    font-weight: 300 800;
    font-style: normal;
}

/* CSS Variables untuk konsistensi */
:root {
    --font-sans: 'Inter-Fallback', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    --font-montserrat: 'Montserrat-Fallback', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Override untuk Tailwind */
.font-sans {
    font-family: var(--font-sans);
}

body {
    font-family: var(--font-sans);
}