<!doctype html>
<html lang="pt">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Favicon -->
    <link rel="icon" type="image/png" href="/favicon.png" />
    <link rel="apple-touch-icon" href="/favicon.png" />
    <link rel="icon" type="image/png" sizes="192x192" href="/favicon.png" />
    <link rel="icon" type="image/png" sizes="512x512" href="/favicon.png" />
    <link rel="manifest" href="/manifest.json" />

    <!-- Default meta tags - will be replaced dynamically -->
    <title>Agendoor - Sistema de Agendamento</title>
    <meta name="description" content="Sistema de agendamento online para negócios" />

    <!-- Microsoft Clarity -->
    <script type="text/javascript">
      (function(c,l,a,r,i,t,y){
          c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
          t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
          y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
      })(window, document, "clarity", "script", "tlmccc816b");
    </script>

    <!-- Plausible Analytics -->
    <script defer data-domain="www.agendoor.com" src="https://applu-plausible.ndciz2.easypanel.host/js/script.js"></script>
    <script type="module" crossorigin src="/assets/index-DrOjIT4m.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-DgXXwI_E.css">
  </head>

  <body>
    <script>
      // Detect system dark mode preference before React loads to prevent flash
      if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
        document.documentElement.classList.add('dark');
      }
    </script>
    <div id="root"></div>
  </body>
</html>
