Shadow Scale
사용법
CSS 변수나 유틸리티 클래스로 적용할 수 있어요.
/* CSS 변수 */
box-shadow: var(--gtd-shadow-md);
/* 유틸리티 클래스 */
<div className="gtd-elevated-md">...</div>
<div className="gtd-card gtd-card--elevated">...</div>Elevation
GTD UI는 4단계 그림자 토큰으로 깊이감을 표현해요. 카드·패널·모달에 일관되게 적용할 수 있어요.