<script lang="ts">
	let { children } = $props();
</script>

<svelte:head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>checkflo — Digitale HACCP-Protokolle</title>
</svelte:head>

{@render children()}

<style>
	:global(*) {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
	}

	:global(html) {
		color-scheme: light;
	}

	:global(body) {
		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
		color: #1a1a2e;
		background: #fff;
		line-height: 1.6;
	}

	:global(a) {
		color: inherit;
		text-decoration: none;
	}
</style>
