/* Surface MD — spacing, layout, radii.
   Corners are square — radius exists only for dots/avatars. */
:root{
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  14px;
  --space-4:  18px;
  --space-5:  26px;
  --space-6:  34px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;   /* section vertical padding */

  --measure-wrap:   1120px;  /* page container */
  --gutter:         36px;
  --nav-height:     78px;
  --frame-inset:    48px;    /* hero/closer inner frame */
  --grid-size:      64px;    /* blueprint grid cell */

  --radius-0:    0;          /* the house radius */
  --radius-dot:  50%;
}