/* 4px base. Section rhythm is deliberately generous: negative space is the
   loudest element in the system. */
:root{
  --sp-0:0px;  --sp-1:4px;  --sp-2:8px;  --sp-3:12px; --sp-4:16px;
  --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px;--sp-12:48px;
  --sp-16:64px;--sp-20:80px;--sp-24:96px;--sp-30:120px;--sp-40:160px;

  --section-y:120px;      /* vertical padding of a light content section */
  --section-y-dark:140px; /* dark brand sections breathe more */
  --page-max:1440px; /* @kind spacing */
  --page-gutter:64px;
  --page-gutter-sm:24px;
  --grid-cols:12; /* @kind other */
  --grid-gap:24px;
  --card-gap:20px;
}