/* Who's Legacy, space & structure. Generous margins; whitespace does the work
   decoration would. Corners are square everywhere. */

:root{
  /* ---- Page frame ---- */
  --page-width:1440px;   /* reference page */
  --page-max:1120px;     /* content column inside the page */
  --measure:66ch;        /* long-form reading column */
  --gutter:24px;         /* side padding, mobile */
  --gutter-lg:40px;      /* side padding, desktop */

  /* ---- Spacing scale ---- */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:96px;
  --space-10:128px;
  --space-11:160px;

  /* ---- Bands & structure ---- */
  --band-py:clamp(56px,7vw,120px);  /* @kind spacing */ /* vertical padding inside a full-bleed band */
  --radius:0px;                     /* square corners default, no exceptions */
  --radius-button:10px;             /* @kind radius */ /* opt-in rounding: buttons */
  --radius-card:14px;               /* @kind radius */ /* opt-in rounding: cards */
  --radius-input:8px;               /* @kind radius */ /* opt-in rounding: fields */
  --radius-check:4px;               /* @kind radius */ /* opt-in rounding: checkbox/radio */
  --hairline:1px;
}