ANTOOZA-FRONTEND/app/styles/tokens/_density.scss

// ─────────────────────────────────────────────────────────────
// D6 디자인 토큰 — 밀도 3단 (compact / normal / expanded)
// html[data-density] 로 전역 제어 (기본 normal) — ThemeProvider 가 localStorage(az-density) 영속
// 이번 단계는 CSS 변수 골격 + 전환 훅만 제공. 개별 컴포넌트(DataTable 등) 적용은 후속(D6-3)
// ─────────────────────────────────────────────────────────────

:root {
	// normal (기본)
	--row-h: 38px;
	--cell-fs: 13px;
	--cell-px: 10px;
}

html[data-density='compact'] {
	--row-h: 30px;
	--cell-fs: 12px;
	--cell-px: 6px;
}

html[data-density='expanded'] {
	--row-h: 50px;
	--cell-fs: 14px;
	--cell-px: 14px;
}