幅

幅トークンは、12カラムのグリッドシステムに基づいて設計されたレイアウト用のトークンです。コンテナやダイアログの幅の基準となる値です。

基準値

ユーザーのディスプレイ解像度の主流である1920pxを基準に、ウィンドウを最大化した場合でも左右の余白を十分に持ってコンテンツを表示できるように設計しています。

1カラムの基準幅は120pxです。これは、1920pxの画面幅から左右の余白（4remずつ）を引いた幅から、溝幅（溝ごとに2remずつ）を引き、それを12で割った値です。

1rem = 16px として計算しています。

セマンティックトークンは存在しませんが、Container や Dialog の幅は内部的に幅トークンを参照しています。