/* Base styles moved from app.html for CSP compliance */
:root {
	font-family:
		'Inter Medium',
		-apple-system,
		BlinkMacSystemFont,
		'Segoe UI',
		Roboto,
		Oxygen,
		Ubuntu,
		Cantarell,
		'Open Sans',
		'Helvetica Neue',
		sans-serif;
	font-feature-settings:
		'liga' 1,
		'calt' 1;
}

@supports (font-variation-settings: normal) {
	:root {
		font-family:
			'Inter Variable',
			'Inter Medium',
			-apple-system,
			BlinkMacSystemFont,
			'Segoe UI',
			Roboto,
			Oxygen,
			Ubuntu,
			Cantarell,
			'Open Sans',
			'Helvetica Neue',
			sans-serif;
	}
}

body {
	font-family:
		'Inter Medium',
		-apple-system,
		BlinkMacSystemFont,
		'Segoe UI',
		Roboto,
		Oxygen,
		Ubuntu,
		Cantarell,
		'Open Sans',
		'Helvetica Neue',
		sans-serif;
	font-feature-settings:
		'liga' 1,
		'calt' 1;

	padding-top: env(safe-area-inset-top);
	padding-right: env(safe-area-inset-right);
	padding-bottom: env(safe-area-inset-bottom);
	padding-left: env(safe-area-inset-left);

	background: rgb(63, 161, 251);
	background: linear-gradient(142deg, rgba(63, 161, 251, 1) 0%, rgba(252, 70, 168, 1) 100%);

	min-height: 100vh;
	margin: 0;
}

h1,
h2,
h3 {
	color: #427fed !important;
}

input,
textarea,
select {
	font-size: 16px; /* Prevent zoom on focus in iOS Safari */
}

@media print {
	.no-print,
	.no-print * {
		display: none !important;
	}
}

.sveltekit-body {
	display: contents;
}