/* Font face declarations for Faustina and Careny fonts.
   These are used throughout the app and preloaded via FontPreloader.jsx. */
@font-face {
	font-family: 'Faustina';
	src:
		url('/fonts/Faustina-Bold.woff2') format('woff2'),
		url('/fonts/Faustina-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Faustina';
	src:
		url('/fonts/Faustina-Italic.woff2') format('woff2'),
		url('/fonts/Faustina-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Faustina';
	src:
		url('/fonts/Faustina-Medium.woff2') format('woff2'),
		url('/fonts/Faustina-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Faustina';
	src:
		url('/fonts/Faustina-Light.woff2') format('woff2'),
		url('/fonts/Faustina-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Faustina';
	src:
		url('/fonts/Faustina-SemiBold.woff2') format('woff2'),
		url('/fonts/Faustina-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Faustina';
	src:
		url('/fonts/Faustina-Regular.woff2') format('woff2'),
		url('/fonts/Faustina-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Careny';
	src:
		url('/fonts/Careny-Regular.woff2') format('woff2'),
		url('/fonts/Careny-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
:root {
	--viewport: 1440;
	--viewheight: 832;
}

@media (max-width: 1023px) {
	:root {
		--viewport: 375;
		--viewheight: 812;
	}
}
html {
	-webkit-font-smoothing: antialiased;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	scrollbar-gutter: stable;
	-moz-user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-size: calc(16 / var(--viewport) * 100vw);
    -webkit-text-size-adjust: 100%;
    overscroll-behavior: none;
    scroll-behavior: auto !important;
}

body {
	/* Default body typography using Faustina.
       Georgia is a secondary font for Mac/Linux fallback.
       Preloaded fonts via FontPreloader.jsx for performance. */
	font-family: 'Faustina', Georgia, serif, sans-serif;
	font-weight: 400;
	font-size: calc(16 / var(--viewport) * 100vw);
	line-height: 120%;
	overscroll-behavior: none;
	letter-spacing: -0.36px;
}