<!DOCTYPE html>
<html lang="pt-BR" data-theme="light">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>OmniPharma | Atendimento e vendas para farmacias de manipulacao</title>
    <meta
      name="description"
      content="OmniPharma (powered by OmniForge): atendimento omnichannel, IA para vendas, transcricao de audio, SLA e dashboards para farmacias de manipulacao."
    />
    <meta name="theme-color" content="#F7F9FC" />

    <script>
      (function () {
        var saved = localStorage.getItem('theme');
        var theme = saved === 'dark' ? 'dark' : 'light';
        document.documentElement.setAttribute('data-theme', theme);
      })();
    </script>

    <script src="https://cdn.tailwindcss.com"></script>
    <script>
      tailwind.config = {
        theme: {
          extend: {
            colors: {
              bg: 'rgb(var(--bg) / <alpha-value>)',
              surface: 'rgb(var(--surface) / <alpha-value>)',
              'surface-2': 'rgb(var(--surface-2) / <alpha-value>)',
              border: 'rgb(var(--border) / <alpha-value>)',
              text: 'rgb(var(--text) / <alpha-value>)',
              muted: 'rgb(var(--muted) / <alpha-value>)',
              subtle: 'rgb(var(--subtle) / <alpha-value>)',
              primary: 'rgb(var(--primary) / <alpha-value>)',
              secondary: 'rgb(var(--secondary) / <alpha-value>)',
              cta: 'rgb(var(--cta) / <alpha-value>)',
              'cta-text': 'rgb(var(--cta-text) / <alpha-value>)',
              success: 'rgb(var(--success) / <alpha-value>)',
              danger: 'rgb(var(--danger) / <alpha-value>)',
              brand: {
                50: '#E9EEFF',
                100: '#CFD9FF',
                200: '#A9BDFF',
                300: '#7A99FF',
                400: '#4F72E8',
                500: '#1E3A8A',
                600: '#1A3277',
                700: '#152963',
                800: '#10204E',
                900: '#0B1737'
              }
            },
            fontFamily: {
              display: ['Space Grotesk', 'sans-serif'],
              sans: ['Manrope', 'sans-serif']
            },
            boxShadow: {
              sm: 'var(--shadow-sm)',
              md: 'var(--shadow-md)',
              lg: 'var(--shadow-lg)'
            },
            borderRadius: {
              xl: 'var(--radius)'
            },
            backgroundImage: {
              'hero-soft':
                'linear-gradient(135deg, rgb(var(--hero-from)) 0%, rgb(var(--hero-to)) 60%)',
              'brand-grad':
                'linear-gradient(90deg, rgb(var(--brand-grad-from)) 0%, rgb(var(--brand-grad-to)) 100%)'
            }
          }
        }
      };
    </script>

    <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />

    <script type="module" crossorigin src="/assets/index-BZfRFKvL.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-B3Kae0nz.css">
  </head>
  <body>
    <div id="root"></div>
    <script>
      window.chatwootSettings = { position: 'right', type: 'standard', launcherTitle: 'Fale conosco no chat' };
      (function (d, t) {
        var BASE_URL = 'https://chat.omniforge.com.br';
        var g = d.createElement(t);
        var s = d.getElementsByTagName(t)[0];
        g.src = BASE_URL + '/packs/js/sdk.js';
        g.async = true;
        s.parentNode.insertBefore(g, s);
        g.onload = function () {
          window.chatwootSDK.run({
            websiteToken: 'xxt4L2etzgqBfyTXViz1StCf',
            baseUrl: BASE_URL
          });
        };
      })(document, 'script');
    </script>
  </body>
</html>
