/* ============================================================
   spacing.css — PBB spacing, radii, shadows, layout
   ============================================================ */
:root{
  /* ---- Spacing scale (4px base) ---- */
  --pbb-space-1:  4px;
  --pbb-space-2:  8px;
  --pbb-space-3:  12px;
  --pbb-space-4:  16px;
  --pbb-space-5:  20px;
  --pbb-space-6:  24px;
  --pbb-space-8:  32px;
  --pbb-space-10: 40px;
  --pbb-space-12: 48px;
  --pbb-space-16: 64px;
  --pbb-space-22: 88px;   /* default section padding (landing) */

  /* ---- Layout ---- */
  --pbb-measure:     760px;   /* editorial reading column */
  --pbb-measure-wide:1100px;  /* wide content wrap */
  --pbb-gutter:      28px;    /* column padding-inline */
  --pbb-section-y:   88px;    /* vertical rhythm between sections */

  /* ---- Radii ---- */
  --pbb-radius-sm:   6px;
  --pbb-radius-md:   12px;   /* cards, callouts, stat cards */
  --pbb-radius-lg:   14px;   /* media frames */
  --pbb-radius-pill: 999px;  /* buttons, eyebrow chips */

  /* ---- Borders ---- */
  --pbb-border-width: 1.5px; /* the signature "drawn" card outline */

  /* ---- Shadows ---- */
  --pbb-shadow-cta:   0 12px 30px rgba(255,122,24,.32);  /* orange CTA lift */
  --pbb-shadow-offset:5px 5px 0 var(--pbb-orange);       /* "pasted-in" callout */
  --pbb-shadow-card:  0 18px 50px rgba(0,0,0,.5);        /* media on dark */
  --pbb-shadow-soft:  0 8px 24px rgba(0,0,0,.35);        /* thumbnail lift */

  /* ---- Motion ---- */
  --pbb-ease:        cubic-bezier(.2,.7,.2,1); /* @kind other */
  --pbb-dur-fast:    .15s; /* @kind other */
  --pbb-dur-reveal:  .9s; /* @kind other */
}