<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title><%= pageTitle %></title>
  <meta name="description" content="<%= site.seo_description %>">
  <link rel="icon" href="<%= site.favicon||'/uploads/logo.jpg' %>">
  <% if (typeof originUrl!=='undefined' && originUrl) { %>
  <link rel="canonical" href="<%= originUrl + (currentPath||'/') %>">
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="<%= site.site_name %>">
  <meta property="og:title" content="<%= pageTitle %>">
  <meta property="og:description" content="<%= site.seo_description %>">
  <meta property="og:url" content="<%= originUrl + (currentPath||'/') %>">
  <meta property="og:image" content="<%= originUrl + (site.brand_logo||'/uploads/logo.jpg') %>">
  <% } %>
  <meta name="csrf-token" content="<%= csrfToken %>">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
  <style>
    :root{
      --bg:<%= site.theme_bg || '#ffffff' %>;
      --surface:<%= site.theme_surface || '#ffffff' %>;
      --surface2:<%= site.theme_surface_2 || '#f7f5f1' %>;
      --orange:<%= site.theme_orange || '#f59e0b' %>;
      --teal:<%= site.theme_teal || '#0b6b8a' %>;
      --text:<%= site.theme_text || '#0d1b2a' %>;
      --muted:<%= site.theme_muted || '#5b6675' %>;
      --line:rgba(13,27,42,.12);
    }
  <%= site.brand_logo_width ? 'body:not(.admin-shell) .brand img{width:'+site.brand_logo_width+'px !important;height:auto !important}' : '' %>
</style>
  <link rel="stylesheet" href="/css/styles.css">
</head>
<body class="<%= typeof bodyClass!=='undefined'?bodyClass:'' %>">