@font-face {
    font-family: 'Outfit';
    src: url('/fonts/mimesi/outfit-variable.woff2') format('woff2');
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: 'Instrument Sans';
    src: url('/fonts/mimesi/instrument-sans-variable.woff2') format('woff2');
    font-weight: 400 700;
    font-display: swap;
}

.fi-panel-admin {
    --font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif;
    font-family: var(--font-family);
}

.fi-panel-admin .fi-simple-header-heading,
.fi-panel-admin .fi-header-heading {
    font-family: 'Outfit', 'Century Gothic', ui-sans-serif, sans-serif;
    font-weight: 400;
    letter-spacing: 0.025em;
}

.fi-panel-admin .fi-btn.fi-color-primary.fi-bg-color-400 {
    color: #fff;
}

.fi-panel-admin .fi-btn.fi-color-primary.fi-bg-color-400:hover {
    color: #fff;
}

.fi-panel-admin :focus-visible {
    outline: 2px solid #3f6079;
    outline-offset: 3px;
}