/*
 * 최소 reset — 모든 페이지 공통 기본값.
 * 브라우저 기본 마진/패딩 정리, 박스 모델 통일, 폰트/색 상속을 만들기 위한 최소 변경만 한다.
 * Normalize.css 처럼 큰 규칙 묶음은 들이지 않는다.
 */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
dl,
dd,
figure,
blockquote {
	margin: 0;
}

ol,
ul {
	padding: 0;
	list-style: none;
}

img,
picture,
svg {
	display: block;
	max-width: 100%;
}

/* 폼 요소가 부모 글꼴/색을 그대로 받아 일관 적용되도록 */
button,
input,
textarea,
select {
	font: inherit;
	color: inherit;
	margin: 0;
}

button {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
}

a {
	color: inherit;
	text-decoration: none;
}

/* placeholder 색은 디자인 토큰 사용. 입력값과 시각 충돌 방지를 위해 placeholder 자체는 페이지 단에서 안 쓰는 정책 */
input::placeholder {
	color: var(--color-fg-muted);
}