@php
    $configuredPanelFont = trim((string) ($systemSettings['panelFontName'] ?? ''));
    $panelFontName = preg_match('/^[\pL\pN .&+_-]+$/u', $configuredPanelFont)
        ? $configuredPanelFont
        : 'Inter';
    $configuredPanelStack = (string) ($systemSettings['panelFontFamily'] ?? '');
    $panelFontFallback = preg_match('/, (serif|sans-serif|monospace)$/', $configuredPanelStack, $panelFontMatches)
        ? $panelFontMatches[1]
        : 'sans-serif';
@endphp

@if ($configuredPanelFont !== '' && $panelFontName !== 'Inter')
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css2?family={{ str_replace('%20', '+', rawurlencode($panelFontName)) }}&display=swap">
@endif

<style>
    :root {
        --panel-font-family: @json($panelFontName), {{ $panelFontFallback }};
    }

    body,
    button,
    input,
    select,
    textarea {
        font-family: var(--panel-font-family);
    }
</style>