# Layout Tokens

These semantic tokens define the named maximum inline sizes used by Main
Container. Their values are layout-policy evidence from
[`21918:41024`](https://www.figma.com/design/EO9tuCsqwuHL8cZ4Eb2psR/%F0%9F%9A%9B-WB-Logistics-UI-kit?node-id=21918-41024),
not claims of native Figma variable IDs or bindings.

## Token Mapping

| CSS Token | Named size | Value |
| --- | --- | ---: |
| `--layout-container-max-inline-size-xs` | `xs` | 840px |
| `--layout-container-max-inline-size-s` | `s` | 1080px |
| `--layout-container-max-inline-size-m` | `m` | 1440px |
| `--layout-container-max-inline-size-l` | `l` | 2200px |
| `--layout-container-max-inline-size-xl` | `xl` | none |

`m` is the default page rail. `l` and `xl` require an explicitly designed page
layout; components projected into Main Container do not select or override the
rail size.