/* 디자인 토큰 정본: 설계서 §10. 색·간격·모서리·글자 크기는 이 파일에서만 정의한다. */
:root {
	--color-bg: #F5F7F8;
	--color-surface: #FFFFFF;
	--color-surface-sunken: #EEF2F3;
	--color-text: #182830;
	--color-text-muted: #53656C;
	--color-primary: #0B6B63;
	--color-primary-hover: #095A53;
	--color-primary-soft: #E3F1EF;
	--color-on-primary: #FFFFFF;
	--color-success: #146C43;
	--color-success-soft: #E4F3EA;
	--color-warning: #8A5200;
	--color-warning-soft: #FDF1DC;
	--color-danger: #B42318;
	--color-danger-soft: #FCE9E7;
	--color-info: #1F5C86;
	--color-info-soft: #E5F0F8;
	--color-border: #DCE4E5;
	--color-border-strong: #B9C7CA;
	--color-overlay: rgba(24, 40, 48, 0.48);
	--color-focus: #0B6B63;

	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--space-7: 48px;

	--radius-input: 6px;
	--radius-panel: 10px;
	--radius-pill: 999px;

	--font-sans: "Pretendard", "Pretendard Variable", "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", -apple-system, "Segoe UI", sans-serif;
	--font-mono: ui-monospace, "D2Coding", "Cascadia Mono", Consolas, monospace;
	--fs-body: 15px;
	--fs-small: 13px;
	--fs-caption: 12px;
	--fs-h3: 18px;
	--fs-h2: 24px;
	--fs-h1: 32px;
	--lh-body: 1.6;
	--lh-tight: 1.3;

	--row-height: 44px;
	--row-height-dense: 36px;
	--touch-min: 44px;

	--header-height-site: 72px;
	--header-height-app: 64px;
	--sidebar-width: 224px;
	--detail-width: 360px;
	--content-max: 1200px;
	--gutter: 24px;

	--shadow-panel: 0 1px 2px rgba(24, 40, 48, 0.06);
	--shadow-float: 0 8px 24px rgba(24, 40, 48, 0.16);
	--z-sidebar: 40;
	--z-sticky: 30;
	--z-dropdown: 60;
	--z-modal: 80;
	--z-toast: 90;
}

@media (max-width: 640px) {
	:root {
		--fs-body: 16px;
		--fs-h1: 26px;
		--fs-h2: 22px;
		--gutter: 16px;
	}
}