Sizing
Sizing covers controls, readable/wide content bounds, and safe intrinsic Grid minimums. It does not define breakpoints.
| Kind | Token | Value / reference | CSS variable |
|---|---|---|---|
| Primitive | size.content.prose | 42rem | --combric-primitive-size-content-prose |
| Primitive | size.content.wide | 76rem | --combric-primitive-size-content-wide |
| Primitive | size.control.lg | 3rem | --combric-primitive-size-control-lg |
| Primitive | size.control.md | 2.5rem | --combric-primitive-size-control-md |
| Primitive | size.control.sm | 2rem | --combric-primitive-size-control-sm |
| Primitive | size.layout.item.lg | 24rem | --combric-primitive-size-layout-item-lg |
| Primitive | size.layout.item.md | 20rem | --combric-primitive-size-layout-item-md |
| Primitive | size.layout.item.sm | 16rem | --combric-primitive-size-layout-item-sm |
| Semantic | size.content.prose | size.content.prose → 42rem | --combric-size-content-prose |
| Semantic | size.content.wide | size.content.wide → 76rem | --combric-size-content-wide |
| Semantic | size.control.lg | size.control.lg → 3rem | --combric-size-control-lg |
| Semantic | size.control.md | size.control.md → 2.5rem | --combric-size-control-md |
| Semantic | size.control.sm | size.control.sm → 2rem | --combric-size-control-sm |
| Semantic | size.layout.item.lg | size.layout.item.lg → 24rem | --combric-size-layout-item-lg |
| Semantic | size.layout.item.md | size.layout.item.md → 20rem | --combric-size-layout-item-md |
| Semantic | size.layout.item.sm | size.layout.item.sm → 16rem | --combric-size-layout-item-sm |
