/* Fair & Square Bookkeeping — Spacing, radii, layout tokens */
:root {
  /* ---- Spacing scale (4px base) ---- */
  --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;

  /* ---- Section rhythm ---- */
  --section-pad-y: clamp(64px, 10vw, 128px);
  --gutter:        clamp(24px, 5vw, 80px); /* @kind spacing */
  --max-width:     1200px;

  /* ---- Radii (never pill) ---- */
  --radius-button: 6px;
  --radius-card:   8px;
  --radius-block:  4px;

  /* ---- Borders ---- */
  --border-width:  1px;
  --border-width-strong: 2px;

  /* ---- Motion ---- */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-hover:  200ms; /* @kind other */
  --dur-reveal: 500ms; /* @kind other */
}