@font-face {
	font-family: "Sniglet";
	src: url(../fonts/sniglet/Sniglet-Regular.ttf) format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Sniglet";
	src: url(../fonts/sniglet/Sniglet-ExtraBold.ttf) format("truetype");
	font-weight: 800;
	font-style: bold;
	font-display: swap;
}

:root {
	--bg-main: #0b0d17;
	--bg-card: #161b33;
	--bg-card-hover: #4053b3;

	--accent-purple: #8b5cf6;
	--accent-purple-hover: hsl(256, 100%, 97%);
	--accent-cyan: #38ebf8;
	--accent-emerald: #10b981;

	--text-main: #f8fafc;
	--text-muted: #94a3b8;
	--border-color: #2e375d;
	--border-color-hover: #5973f5;

	--radius-sm: 6px;
	--radius-md: 12px;
	--radius-lg: 24px;
	--radius-gn: 48px;
	--transition-fast: 0.3s ease;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	background-color: var(--bg-main);
	color: var(--text-main);
	font-family: sniglet, sans-serif;
	min-height: 100vh;
	font-size: 12pt;
	display: flex;
	flex-direction: column;
	text-align: center;
	overflow-x: hidden;
}