/* ============================================================
   STUDIO BROWNE — Spacing, radii, layout
   Generous, editorial whitespace. Base unit = 4px.
   ============================================================ */

:root {
  --space-1:  0.25rem;   /*  4px */
  --space-2:  0.5rem;    /*  8px */
  --space-3:  0.75rem;   /* 12px */
  --space-4:  1rem;      /* 16px */
  --space-5:  1.5rem;    /* 24px */
  --space-6:  2rem;      /* 32px */
  --space-7:  3rem;      /* 48px */
  --space-8:  4rem;      /* 64px */
  --space-9:  6rem;      /* 96px */
  --space-10: 8rem;      /* 128px */

  /* Corner radii — nearly square; softness comes from imagery, not chrome */
  --radius-none: 0;
  --radius-sm:   2px;
  --radius-md:   4px;
  --radius-pill: 999px;   /* used sparingly, for tags/buttons */
  --radius-arch: 50% 50% 0 0 / 100% 100% 0 0;  /* the SB architectural arch */

  /* Layout */
  --page-max:    1280px;
  --page-gutter: clamp(1.25rem, 5vw, 5rem); /* @kind spacing */
  --measure:     68ch;   /* comfortable reading width */
}