/* Ownbox box stylesheet. One file for every screen on the box, in the ownbox.io design language. Plain CSS, no build step. Screens use the tokens below and never a raw colour or size of their own. Values measured on ownbox.io; see docs/BOX_DESIGN_REFERENCE.md. Mobile first: the base rule is the small screen, and min-width queries add the wide one. NO @layer AND NO color-mix(), ON PURPOSE (owner, 2026-09-27: "ultra durable"). A box goes home with its client and is opened on whatever they own. A browser that does not know @layer drops the WHOLE block it wraps, every token with it, and a browser that does not know color-mix() drops the declaration; both fail silently and completely. Modern CSS is welcome here only where failing costs one nicety (:has, :where, clamp, text-wrap, accent-color). Order in this file is the cascade: tokens, then base, then components. A screen's own