/* --- Import Google Fonts --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* --- CSS Variables --- */
:root {
	--bg-primary: #101014;
	--bg-secondary: #202024;
	--bg-normal: #2b2b2b;
	--bg-nav: #121216;
	--primary-color: #26bbff;
	--line: #353539;
	--line-secondary: #5c5c5f;
	--discord: #5865f2;
	--google: #ffffff;
	--passkey: #5c5c5f;
	--font-secondary: rgba(255, 255, 255, 0.7);
	--font-light: rgba(255, 255, 255, 0.5);
	--danger: #ff4d4d;
	--warning: #ffb84d;
	--success: #4dff88;
	--shadow: rgba(0, 0, 0, 0.5);
}

/* --- Base Styles --- */
html,
body {
	min-width: 375px;
	margin: 0;
}
body {
	display: flex;
	flex-direction: column;
	gap: 4rem;
	background-color: var(--bg-primary);
	font-family: 'Inter', sans-serif;
	min-height: 100dvh;
}

/* --- Typography & Elements --- */
h1,
h2,
h3,
h4,
h5,
h6,
ul {
	margin: 0;
}
a {
	color: white;
	text-decoration: none;
}
button {
	color: white;
	font-family: 'Inter', sans-serif;
	border: none;
	background-color: unset;
	padding: 0;
}
input:disabled {
	cursor: not-allowed;
	opacity: 0.8;
}