/* =========================================================
   아이솜 디자인 토큰 (작업지시서 §5)
   - 파랑(primary)=기능, 주황(accent)=제한된 강조
   - 이 파일은 전역 변수만 정의하며, 기존 화면을 깨지 않는다.
   ========================================================= */

:root {
	/* 5-1. 브랜드 색상 (primary = 아이솜 오렌지) */
	--iisom-primary: #F26B2E;
	--iisom-primary-dark: #D9531E;
	--iisom-accent: #FF6A3D;
	--iisom-text: #111827;
	--iisom-muted: #667085;
	--iisom-border: #E5E7EB;
	--iisom-surface: #F6F7F9;
	--iisom-white: #FFFFFF;
	--iisom-success: #16865C;
	--iisom-warning: #B54708;

	/* 5-2. 글꼴 */
	--iisom-font: "Pretendard Variable", Pretendard, "Noto Sans KR", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

	/* 5-3. 간격 스텝 */
	--iisom-sp-1: 4px;
	--iisom-sp-2: 8px;
	--iisom-sp-3: 12px;
	--iisom-sp-4: 16px;
	--iisom-sp-6: 24px;
	--iisom-sp-8: 32px;
	--iisom-sp-12: 48px;

	/* 레이아웃 */
	--iisom-container: 1200px;
	--iisom-pad-pc: 24px;
	--iisom-pad-mobile: 16px;

	/* 모서리 (카드 8~12px, 버튼 6~8px, pill 은 필터 칩만) */
	--iisom-radius-card: 10px;
	--iisom-radius-btn: 8px;
	--iisom-radius-pill: 999px;

	/* 그림자 (없음 또는 아주 옅게) */
	--iisom-shadow-card: 0 1px 3px rgba(16, 24, 40, .08);
}

/* 공통 컨테이너 유틸 (아이솜 컴포넌트 전용) */
.iisom-container {
	max-width: var(--iisom-container);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--iisom-pad-pc);
	padding-right: var(--iisom-pad-pc);
}

@media (max-width: 782px) {
	.iisom-container {
		padding-left: var(--iisom-pad-mobile);
		padding-right: var(--iisom-pad-mobile);
	}
}

/* 5-2. 사이트 기본 글꼴을 Pretendard 로 (Astra 와 동일 선택자, 이후 로드되어 우선 적용) */
body,
button,
input,
select,
optgroup,
textarea {
	font-family: var(--iisom-font);
}