/* bare-ui — the ENGINE. A minimal stylesheet for semantic HTML5. Warm paper, ink accent, flat borders, native controls. No classes. No components. No JavaScript. Consumes theme variables from theme.css (colors, type, spacing, weights). Every visible value lives there; this file only wires values to elements. Use: then write HTML. */ *, *::before, *::after { box-sizing: border-box; } /* The viewport backdrop (--canvas) is its own token, separate from the body's --bg, so the centered body column can sit on a distinct frame; the two default to the same paper. Once paints its own background, the body's no longer propagates up to the canvas. */ html { -webkit-text-size-adjust: 100%; background: var(--canvas); } /* touch-action is not inherited, so it is applied universally. manipulation kills the 300ms tap delay and double-tap-to-zoom on Chromium-based mobile. iOS Safari's double-tap-zoom does NOT key off touch-action — it keys off hit-testing (proven on iOS 18: every touch-action value left it firing; pointer-events:none on button:disabled killed it). So touch-action does not help iOS double-tap; the disabled button is handled via pointer-events below. Table cells are the same zoom target but are left alone — the same lever would break cell text selection (proven: long-press selected the wrong cell). That trade is documented as a known limitation. */ * { touch-action: manipulation; } /* Per-child padding model: carries NO padding (no top clamp, no side gutter, no bottom). Each direct child owns its own inset —
and
pad with --gutter so their content lines up with the centered column;