/* ECCCC Sacramento — space, size, radius.
   4px base grid. Touch targets never below 44px; the primary member actions sit at 52px. */
:root {
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  /* screen gutters — phone first */
  --gutter-phone: 16px;
  --gutter-tablet: 24px;
  --gutter-desktop: 40px;
  --measure: 68ch; /* max reading width for long policy/prose blocks */

  /* control heights */
  --control-sm: 36px;
  --control-md: 44px;
  --control-lg: 52px;
  --tap-min: 44px;
  --bottom-nav-h: 64px;
  --app-bar-h: 56px;

  /* radii — the logo is a rounded rectangle badge, so the whole system is soft-cornered */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 22px; /* the badge radius, matched to the wordmark lockup */
  --radius-2xl: 28px;
  --radius-pill: 999px;

  /* borders */
  --border-hair: 1px;
  --border-thick: 2px;
  --border-badge: 3px; /* logo outline weight */
  --ribbon-h: 4px; /* flag ribbon accent */
}