/* Layout primitives — page reset, section rhythm, and callout bands. * Requires: css/tokens.css * * body — base page reset; the only place background/color/font are set for . * Loaded by every page (unlike home.css/inner.css, which are page-type-specific), * so this is the one safe place for a rule every page must have. * .section — full-width content sections; --border-soft dividers (lighter than card borders) * .callout-band — emphasis strips; --tint background lifts off page without a new hue */ body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--font-body); line-height: 1.5; } .section { padding: 32px 28px; border-bottom: 1.5px solid var(--border-soft); } .callout-band { background: var(--tint); }