/* WorshipFill — Spacing & radius tokens
   Screen gutter is 20–24px; cards round at 16–18px; pills go fully round. */
:root {
  --wf-space-1: 4px;
  --wf-space-2: 8px;
  --wf-space-3: 12px;
  --wf-space-4: 14px;   /* common card inner padding */
  --wf-space-5: 16px;
  --wf-space-6: 20px;   /* screen gutter */
  --wf-space-7: 24px;
  --wf-space-8: 32px;

  --wf-gutter: 20px;     /* default horizontal screen padding */

  --wf-radius-xs: 8px;    /* icon tiles, small chips */
  --wf-radius-sm: 10px;
  --wf-radius-md: 14px;   /* inputs, info boxes */
  --wf-radius-lg: 16px;   /* default card */
  --wf-radius-xl: 18px;   /* feature card */
  --wf-radius-2xl: 28px;  /* floating tab bar */
  --wf-radius-pill: 999px;

  --wf-border-w: 1px;
  --wf-border-w-strong: 1.5px;
}