/* ═══════════════════════════════════════════════════════════════════════════ CADENCE 3 — COMPONENTS Depends on theme.css. Contains ZERO raw hex values. In the Next.js port this becomes @layer components in globals.css. ═══════════════════════════════════════════════════════════════════════════ */ /* ═══ RESET ═══ */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} /* html carries the background too, not just body. The root element is what the browser propagates to the canvas — the area painted during navigation, over- scroll bounce, and between view-transition snapshots. */ /* Literal fallbacks are deliberate. If theme.css is ever slow, 404s, or is edited badly, `background:var(--x-void)` with --x-void undefined is invalid at computed-value time — the property resets to its INITIAL value, which is transparent, i.e. white. And because app.css loads after the inline