<!-- #region Footer [C:3] [TYPE Component] [SEMANTICS footer, layout, copyright] -->
<!-- @ingroup Layout -->
<!-- @BRIEF Application footer displaying copyright and version information. -->
<!-- @LAYER UI -->
<!-- @RELATION DEPENDS_ON -> [RootLayout] -->
<!-- @UX_FEEDBACK Version number from git tag shown alongside brand. -->
<script lang="ts">
  import { t } from '$lib/i18n/index.svelte.js';
</script>

<footer class="bg-surface-card border-t p-4 mt-8 text-center text-text-muted text-sm">
  &copy; 2025 {$t.common.brand} <span class="font-mono">v{__APP_VERSION__}</span>
</footer>
<!-- #endregion Footer -->
