:root{
/* 4px base scale */
--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;
/* Flat, sharp system: no radii, no shadows */
--radius-0:0;--radius-pill:999px;/* pill reserved for the Seal badge + progress dots only */
--border-thin:2px;--border-thick:3px;--border-heavy:6px;
--shadow-none:none;
/* Layout */
--container-content:720px;--container-wide:1080px;--tap-min:44px;
--focus-outline:3px solid var(--yellow);--focus-offset:2px;
}