@props(['title' => null])
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="bg-mesh bg-grid">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    @auth
        <meta name="progress-url" content="{{ route('progress.store') }}">
    @endauth
    <title>{{ $title ? $title.' · StudyFlash' : 'StudyFlash — Révise intelligemment' }}</title>
    <meta name="description" content="Révise tes cours en flashcards, QCM et réponses ouvertes. Suis ta progression par cours et par chapitre, en mode infini.">
    <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238b5cf6'><path d='M13 2 4 14h6l-1 8 9-12h-6z'/></svg>">
    <link rel="preconnect" href="https://fonts.bunny.net" crossorigin>
    <link rel="stylesheet" href="https://fonts.bunny.net/css?family=inter:400,500,600,700,800,900|jetbrains-mono:400,500,700|space-grotesk:500,600,700&display=swap">
    @vite(['resources/css/app.css', 'resources/js/app.js'])
    @stack('head')
</head>
<body class="min-h-dvh antialiased">
    {{ $slot }}
    @stack('scripts')
</body>
</html>
