!!! 5
%html{ lang: html_lang, class: yield(:root_class) }
  %head
    %meta{ "http-equiv": "Content-Type", content: "text/html; charset=UTF-8" }
    %meta{ "http-equiv": "X-UA-Compatible", content: "IE=edge" }
    %meta{ name: "viewport", content: "width=device-width, initial-scale=1" }
    %meta{ name: "application-name", content: APPLICATION_NAME }
    %meta{ name: "apple-mobile-web-app-title", content: APPLICATION_NAME }
    = csrf_meta_tags

    %title
      = content_for?(:title) ? "#{yield(:title)} · #{APPLICATION_NAME}" : APPLICATION_NAME

    = render partial: "layouts/favicons"

    = vite_client_tag
    = vite_react_refresh_tag
    = vite_javascript_tag 'application'

    = preload_link_tag(asset_url("Marianne-Regular.woff2"))
    = preload_link_tag(asset_url("Spectral-Regular.ttf"))

    = vite_stylesheet_tag 'main', media: 'all'
    = stylesheet_link_tag 'application', media: 'all'

  %body{ class: browser.platform.ios? ? 'ios' : nil, data: { controller: 'turbo' } }
    .page-wrapper
      %main.m-6
        = content_for?(:content) ? yield(:content) : yield
      %turbo-events