<!DOCTYPE html>
<html lang="en" class="h-full">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="csrf-token" content={get_csrf_token()} />
    <.live_title default="Admin" suffix=" · Berrypod">
      {assigns[:page_title]}
    </.live_title>
    <!-- Preload critical fonts for the current typography preset -->
    <%= for preload <- Berrypod.Theme.Fonts.preload_links(
          @theme_settings.typography,
          &BerrypodWeb.Endpoint.static_path/1
        ) do %>
      <link rel="preload" href={preload.href} as="font" type="font/woff2" crossorigin />
    <% end %>
    <!-- Pre-declare layer order so shop reset < Tailwind base regardless of load order -->
    <style>
      @layer properties, reset, primitives, tokens, theme, base, components, layout, admin, utilities, overrides;
    </style>
    <link phx-track-static rel="stylesheet" href={~p"/assets/css/theme.css"} />
    <link phx-track-static rel="stylesheet" href={~p"/assets/css/admin.css"} />
    <link phx-track-static rel="stylesheet" href={~p"/assets/css/shop.css"} />
    <!-- Generated theme CSS with @font-face declarations -->
    <style id="theme-css">
      <%= Phoenix.HTML.raw(@generated_css) %>
    </style>
    <script defer phx-track-static src={~p"/assets/js/app.js"}>
    </script>
  </head>
  <body class="h-full">
    <div class="themed" data-mood={@theme_settings.mood} style="min-height:100%">
      {@inner_content}
    </div>
  </body>
</html>
