Spacing
マージンやパディングなどに用いる間隔のトークン
間隔（Spacing）は、要素と要素の関係を表します。一定のリズムで要素を配置すればグループや類似性を表し、距離を増減することで要素同士の関連度を表現できます。
16pxを基準（=md）としてremやsemanticsの値を命名しています。
4の倍数を基本としたスケールを基にしています。ジャンプ率を確保するためにxl以降は8の倍数刻みとなります。
| name | px | rem | Description | Copy |
|---|---|---|---|---|
| xxs | 4px | 0.25rem | 極小の値 | |
| xs | 8px | 0.5rem | タグ内のpadding、アイコンとテキストのmarginなど、小さめの余白 | |
| sm | 12px | 0.75rem | 調整用 | |
| md | 16px | 1rem | ボタン内のpadding、近接させたいリスト要素のmargin、など | |
| lg | 24px | 1.5rem | コンテンツ間のmargin | |
| xl | 40px | 2.5rem | コンテンツ間のmargin | |
| xxl | 64px | 4rem | 極大の値 |