Height

Each step follows --eun-height-<step>: fixed heights for controls that need to line up with each other regardless of their content. Buttons, inputs, and chips of the same size should all resolve to the same token.

Token	Value	Typical use
--eun-height-xxs	8px	Progress bars, thin indicators
--eun-height-xs	16px	Icon-only chips
--eun-height-s	24px	Small badges, size="s" eun-tab
--eun-height-m	32px	Compact controls
--eun-height-l	34px	Default input/button height
--eun-height-xl	48px	Large controls, primary CTAs
--eun-height-xxl	56px	Hero-level controls

Usage

.custom-input {
  height: var(--eun-height-l);
}

Sizing a custom control off this same scale keeps it visually aligned next to eun-button/eun-tab instances at the equivalent size.