:root{
/* 4pt base, with the iOS gutter (24) and safe-area top (80) called out */
--space-0:0px;
--space-1:2px;
--space-2:4px;
--space-3:8px;
--space-4:12px;
--space-5:16px;
--space-6:20px;
--space-7:24px;
--space-8:32px;
--space-9:40px;
--space-10:48px;
--space-11:64px;
--space-12:80px;

--gutter-screen:24px;      /* iOS screen side padding */
--gutter-card:16px;        /* inside a recipe card */
--gutter-card-lg:20px;
--screen-top:80px;         /* content start under the status bar */
--stack-tight:8px;
--stack:12px;
--stack-loose:20px;
--section-gap:32px;

--tap-min:44px;            /* never smaller */
--control-h-sm:36px;
--control-h:48px;
--control-h-lg:54px;
--content-max:640px;       /* web reading column */
--content-max-wide:768px;
}