/* Dooley Wireframe Kit — spacing, grid, borders.
   Built on a 12-column grid so layouts translate cleanly to the build
   (maps predictably to Avada's column system). */

:root {
  /* 4px base scale */
  --wf-space-1: 4px;
  --wf-space-2: 8px;
  --wf-space-3: 12px;
  --wf-space-4: 16px;
  --wf-space-5: 24px;
  --wf-space-6: 32px;
  --wf-space-7: 48px;
  --wf-space-8: 64px;
  --wf-space-9: 96px;

  /* Grid */
  --wf-cols: 12; /* @kind other */
  --wf-gutter: 24px;
  --wf-page-max: 1160px;      /* desktop content width */
  --wf-page-pad: 32px;        /* page edge padding */
  --wf-mobile-width: 375px;   /* mobile frame width */
  --wf-section-gap: 48px;     /* default vertical rhythm between zones */

  /* Borders & corners — square by default; 2px takes the razor edge off */
  --wf-radius: 2px;
  --wf-radius-pill: 999px;
  --wf-border: 1px solid var(--wf-line);
  --wf-border-strong: 1px solid var(--wf-line-strong);
  --wf-border-dashed: 1px dashed var(--wf-line-strong);

  /* No shadows. Depth is communicated with borders and fills only. */
}