/* GITI SMART PROGRAM — SPACE & GRID
   4px base. 12-column card grid with a 20px gutter; cards sit apart on a light-gray canvas. */
:root{
  --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;
  --space-13:120px;

  --pad-tile:24px;
  --pad-tile-lg:32px;
  --pad-control-x:16px;
  --pad-control-y:10px;

  --gap-bento:20px;     /* card gutter */
  --gap-bento-loose:28px;
  --gap-stack:16px;
  --gap-inline:8px;

  --bento-columns:12; /* @kind other */
  --bento-row:minmax(120px,auto); /* @kind other */

  --shell-sidebar:248px;
  --shell-topbar:64px;
  --shell-max:1680px;
  --shell-gutter:32px;

  --control-h-sm:30px;
  --control-h:38px;
  --control-h-lg:48px;
  --touch-min:44px;
}