/* 4px base. Dependable structure: the beat. */
:root{
  --space-0:0px; --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px; --space-12:48px;
  --space-16:64px; --space-20:80px; --space-24:96px; --space-32:128px; --space-40:160px;

  /* Layout */
  --grid-columns:12; /* @kind other */
  --gutter:24px;
  --gutter-tight:16px;
  --page-max:1280px;
  --prose-max:66ch; /* @kind other */
  --page-pad:clamp(20px,5vw,80px);

  /* Section rhythm by tempo */
  --section-quiet:var(--space-12);
  --section-conversational:var(--space-20);
  --section-loud:var(--space-32);

  /* Component density */
  --control-h-sm:28px; --control-h-md:36px; --control-h-lg:44px;
  --row-h:44px;
  --touch-min:44px;
}