:root {
	color-scheme: light;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	font-family: "Segoe UI", "Noto Sans KR", sans-serif;
	color: var(--text);
	background: var(--bg);
}

button,
input {
	font: inherit;
}

button {
	appearance: none;
	border: 0;
	border-radius: 10px;
	padding: 10px 14px;
	font-size: 0.92rem;
	font-weight: 650;
	cursor: pointer;
	transition:
		transform 160ms ease,
		box-shadow 160ms ease,
		opacity 160ms ease;
}

button:hover:not(:disabled) {
	transform: translateY(-1px);
	box-shadow: 0 8px 18px rgba(37, 99, 235, 0.16);
}

button:disabled {
	opacity: 0.55;
	cursor: wait;
}