/* Drops — spacing & layout. Page gutter is a constant 56px; sections stack with generous asymmetric padding. */
:root {
  --space-1: 6px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 18px;
  --space-6: 24px;
  --space-7: 40px;
  --space-8: 48px;
  --space-9: 56px;
  --space-10: 72px;

  --gutter-page: 56px;      /* left/right padding of every section */
  --gap-card-grid: 12px;    /* 3-up card grids */
  --gap-hero: 56px;         /* hero two-column gap */
  --gap-stack: 18px;        /* hero text stack */

  --radius-sm: 4px;
  --radius-md: 8px;         /* cards, buttons, inputs — the house radius */
  --radius-lg: 10px;        /* floating popover */
  --radius-pill: 999px;     /* floating action buttons only */

  --control-pad-y: 7px;
  --control-pad-x: 14px;
  --btn-pad: 9px 18px;
  --input-min-h: 36px;

  --rule-w: 32px;           /* kicker dash width */
  --rule-h: 2px;
}