/* LAYOUT — mobile-first breakpoints; the public donation flow is designed from 375px up. */
:root {
  --bp-sm: 480px; /* @kind spacing */
  --bp-md: 768px; /* @kind spacing */
  --bp-lg: 1024px; /* @kind spacing */
  --bp-xl: 1280px; /* @kind spacing */

  --container-content: 1120px; /* marketing / campaign pages */
  --container-prose: 720px;    /* long-form copy, legal pages */
  --container-form: 560px;     /* the donation form column */
  --container-admin: 1440px;   /* desktop-first admin */

  --header-h: 64px; /* @kind spacing */   /* slim sub-domain header */
  --footer-min-h: 96px; /* @kind spacing */

  --z-base: 0; /* @kind other */
  --z-sticky: 100; /* @kind other */
  --z-header: 200; /* @kind other */
  --z-scrim: 900; /* @kind other */
  --z-modal: 1000; /* @kind other */
  --z-toast: 1100; /* @kind other */
}