/* SPACING from lib/theme.js, plus the handful of literal paddings the app
   uses inside controls (14/16px button padding, 10px bubble padding). */
:root{
  --space-xs:4px;
  --space-sm:8px;
  --space-md:12px;
  --space-lg:16px;
  --space-xl:24px;

  --control-pad-y:14px;      /* text input, clock button */
  --control-pad-y-lg:16px;   /* primary login button */
  --bubble-pad-y:10px;
  --bubble-pad-x:14px;
  --pill-pad-y:8px;
  --pill-pad-x:14px;

  --screen-pad:var(--space-lg);
  --card-pad:var(--space-lg);
  --grid-gap:var(--space-md);
  --grid-col:48%;            /* two-up stat card grid (47% on Attendance) */
}