:root{
/* gaps + paddings used in the file (2px steps below 8, then 2/4px steps) */
--space-2:2px;
--space-3:3px;
--space-4:4px;
--space-5:5px;
--space-6:6px;
--space-8:8px;
--space-10:10px;
--space-12:12px;
--space-14:14px;
--space-16:16px;
--space-18:18px;
--space-20:20px;
--space-24:24px;

/* layout */
--screen-width:402px;      /* iPhone 16 frame the file is drawn at */
--screen-height:874px;
--gutter-screen:20px;      /* body gutter (lists, footers) */
--gutter-text:24px;        /* status bar + hero gutter */
--statusbar-height:44px;
--nav-height:80px;
--nav-tabs-height:64px;
--tap-target:44px;         /* close button, minimum child-facing target */
--tap-target-game:60px;    /* candy CTA height in activities */
--tap-target-app:56px;     /* candy CTA height in app screens */
}