/* MONO Boulder — Spacing
   4px base grid. Disciplined, generous whitespace (Japanese-minimal). */

:root {
  --sp-0:   0px;
  --sp-1:   4px;
  --sp-2:   8px;
  --sp-3:   12px;
  --sp-4:   16px;
  --sp-5:   20px;
  --sp-6:   24px;
  --sp-8:   32px;
  --sp-10:  40px;
  --sp-12:  48px;
  --sp-16:  64px;
  --sp-20:  80px;
  --sp-24:  96px;
  --sp-32:  128px;

  /* Layout */
  --container:     1240px;
  --container-wide: 1440px;
  --gutter:        clamp(20px, 5vw, 80px); /* @kind spacing */
  --section-y:     clamp(64px, 9vw, 128px); /* @kind spacing */
}