@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/montserrat/montserrat-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/fonts/montserrat/montserrat-500.woff2') format('woff2');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/fonts/montserrat/montserrat-600.woff2') format('woff2');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/fonts/montserrat/montserrat-700.woff2') format('woff2');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('/fonts/montserrat/montserrat-800.woff2') format('woff2');
}

/* Apply Montserrat globally */
:root {
    --font-family: 'Montserrat', ui-sans-serif, system-ui, sans-serif;
}

body,
.fi-body,
[class*="fi-"] {
    font-family: 'Montserrat', ui-sans-serif, system-ui, sans-serif !important;
}

/* ── Logo sizing ─────────────────────────────────────────── */
/* Logo PNG sudah di-crop tight (2800x812), height dari brandLogoHeight config */
img.fi-logo,
img.fi-logo-light,
img.fi-logo-dark {
    width: auto !important;
    max-width: 160px !important;
    object-fit: contain;
}

/* Login page — bigger */
.fi-simple-layout img.fi-logo,
.fi-simple-layout img.fi-logo-light,
.fi-simple-layout img.fi-logo-dark {
    max-width: 240px !important;
    height: 3rem !important;
}

/* Dark mode logo swap */
.dark .fi-logo img.logo-light {
    display: none;
}
.dark .fi-logo img.logo-dark {
    display: block;
}
.fi-logo img.logo-dark {
    display: none;
}
.fi-logo img.logo-light {
    display: block;
}