{{--
    Owner theme (ADR-047): selected fonts (self-hosted Vite entries + preload of their Latin file), the colour roles
    for light/dark mode as CSS custom properties, and — only when visitors may switch — a pre-paint script that
    applies their remembered choice so the page never flashes the wrong mode.
    The CSS is built by ThemeStylesheet from validated values only (hex colours, catalogue keys, restricted path)
    and contains no "<", so printing it raw inside <style> is safe.
--}}
@inject('theme', 'App\Domain\Site\Theme\ThemeStylesheet')
@foreach ($theme->preloadFiles() as $file)
    <link rel="preload" href="{{ Vite::asset($file) }}" as="font" type="font/woff2" crossorigin>
@endforeach
@if ($theme->fontEntries() !== [])
    @vite($theme->fontEntries())
@endif
<style nonce="{{ Vite::cspNonce() }}">{!! $theme->css() !!}</style>
@foreach ($theme->themeColors() as $tint)
    <meta name="theme-color" content="{{ $tint['color'] }}" @if ($tint['media']) media="{{ $tint['media'] }}" @endif>
@endforeach
@if ($theme->needsBootstrapScript())
    <script nonce="{{ Vite::cspNonce() }}">try{var t=localStorage.getItem('theme');if(t==='light'||t==='dark'){document.documentElement.dataset.theme=t;}}catch(e){}</script>
@endif