<!DOCTYPE html>
<html lang="pt-BR">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
    <meta name="description" content="Sistema de monitoramento em tempo real para controle de chopes e barris de cervejaria artesanal brasileira" />
    <meta name="keywords" content="cervejaria, chope, barril, monitoramento, tempo real, ESP32, flow meter" />
    <meta name="author" content="Sistema de Controle de Chopes" />
    
    <!-- Open Graph tags for social media -->
    <meta property="og:title" content="Gestor Don Juarez - Sistema de Gestão" />
    <meta property="og:description" content="Sistema completo de gestão operacional para administração de negócios" />
    <meta property="og:type" content="website" />
    
    <!-- Favicon and app icons -->
    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23EA580C'><path d='M12 2L2 7v10c0 5.55 3.84 9.74 9 11 5.16-1.26 9-5.45 9-11V7l-10-5z'/></svg>" />
    
    <!-- Fonte Montserrat servida localmente (via @fontsource em main.tsx) -->

    <title>Gestor Don Juarez</title>
    
    <!-- Timezone configuration -->
    <script>
      // Set application timezone to São Paulo
      window.APP_TIMEZONE = 'America/Sao_Paulo';
    </script>

    <!-- Tema (claro/escuro) aplicado antes da 1ª pintura, evitando flash.
         'dj-theme' guarda a escolha explícita; sem chave = segue o sistema.
         Espelha a lógica de client/src/lib/theme.ts. -->
    <script>
      (function () {
        try {
          var saved = localStorage.getItem('dj-theme');
          var resolved = (saved === 'light' || saved === 'dark')
            ? saved
            : (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
          var root = document.documentElement;
          if (resolved === 'dark') root.classList.add('dark');
          root.dataset.theme = resolved;
        } catch (e) {}
      })();
    </script>
    <script type="module" crossorigin src="/assets/index-B3vCKGCQ.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-DLy9qAcD.css">
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>
