/* LeasePoint spacing & geometry — use these, nothing between (guide §11). */
:root{
  --space-1:4px;  /* icon-to-label, tight inline pairs */
  --space-2:8px;  /* within a control, label-to-field */
  --space-3:12px; /* between related rows */
  --space-4:16px; /* card padding compact, between fields */
  --space-5:24px; /* card padding default, between cards */
  --space-6:32px; /* between groups */
  --space-7:48px; /* between sections */
  --radius-control:4px; /* buttons, inputs, badges */
  --radius-card:8px;    /* panels, decision card */
  --radius-media:12px;  /* images, illustrations */
  --border-width:1px;   /* the only weight — never 2px, never a shadow instead */
  --shadow-card:0 1px 2px rgba(10,10,10,.04);       /* resting card — the quietest possible */
  --elevation-overlay:0 8px 24px rgba(7,27,26,.08); /* modals and menus ONLY */
  --control-height:40px; --control-height-compact:32px;
  --touch-target:44px;  /* borrower surfaces are phone-first */
  --max-page:1080px; --max-prose:66ch; --max-borrower:430px;
  /* single house breakpoint: 640px */
}