<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" data-theme="light">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>{{ config('app.name', 'Domainsansar') }} — Buy and sell domain names</title>
    <meta
      name="description"
      content="A marketplace for buying and selling domain names, with verified ownership, secure payment and managed transfers."
    />
    <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)" />
    <meta name="theme-color" content="#0c0e12" media="(prefers-color-scheme: dark)" />

    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />

    <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=Inter:wght@400;500;600;700&display=swap"
      rel="stylesheet"
    />

    <script>
      (function () {
        try {
          var stored = localStorage.getItem('domainsansar.theme')
          var prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches
          var resolved =
            stored === 'light' || stored === 'dark' ? stored : prefersDark ? 'dark' : 'light'
          document.documentElement.dataset.theme = resolved
        } catch (error) {
        }
      })()
    </script>

    @viteReactRefresh
    @vite(['resources/js/main.tsx'])
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>
