/* Assignd spacing — 4pt grid. Source: theme/layout.ts */
:root{
  --space-xs:4px;
  --space-sm:8px;
  --space-md:12px;
  --space-lg:16px;
  --space-xl:20px;
  --space-2xl:24px;
  --space-3xl:32px;
  --space-4xl:40px;
  --space-5xl:48px;

  --gutter:20px;       /* screen edge gutter */
  --card-gap:12px;     /* vertical gap between stacked cards/rows */
  --section-gap:22px;  /* section header to its content */

  /* Adaptive content max-widths — center columns, never full-bleed text */
  --max-form:520px;
  --max-content:680px;
  --max-wide:1080px;

  /* Size-class breakpoints (shortest side) */
  --bp-tablet:600px;
  --bp-large-tablet:834px;
  --bp-desktop:900px;

  /* Standard control heights */
  --h-button:54px;
  --h-button-sm:40px;
  --h-input:52px;
  --h-icon-button:42px;
}