/* 4px base grid. The mosaic module (--tile) is the layout unit for
   tessera-grid compositions. */
:root{
  --space-0:0;--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;

  --gutter-card:24px;
  --gutter-section:80px;
  --gutter-page:40px;
  --page-max:1240px;
  --content-max:820px;

  --tile:56px;        /* mosaic module */
  --tile-gap:8px; /* @kind other */

  --radius-none:0;
  --radius-xs:2px;
  --radius-sm:4px;
  --radius-md:6px;
  --radius-lg:10px;
  --radius-pill:999px;
  --radius-card:var(--radius-md);
  --radius-control:var(--radius-sm);

  --border-width:1px;
  --border-width-strong:2px;
  --rule-width-accent:3px;
}