<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>
        <?= htmlspecialchars(setting('site_name', 'Driftly')) ?> Auth
    </title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.tailwindcss.com"></script>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
    <link href="/driftly/public/assets/css/style.css" rel="stylesheet">
    <?php
    $font = setting('site_font', 'Inter');

    $googleFonts = [
        'Inter' => 'https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap',
        'Poppins' => 'https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap',
        'Manrope' => 'https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap',
    ];
    ?>

    <?php if (isset($googleFonts[$font])): ?>
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="<?= $googleFonts[$font] ?>" rel="stylesheet">
    <?php endif; ?>
</head>

<body class="min-h-screen bg-[#F8FAFC] text-[#0F172A] antialiased"
    style="font-family: '<?= htmlspecialchars($font) ?>', sans-serif;">

    <main id="app">
        <?= $content ?>
    </main>
    <script src="https://unpkg.com/lucide@latest"></script>

    <script src="/driftly/public/assets/js/app.js"></script>
</body>

</html>