/* MORE OF EVERYTHING — spacing & grid tokens (Branding Bible §7.3) */

:root {
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;
  --space-12: 96px;
  --space-16: 128px;

  /* fluid section paddings, sampled from the shipped BAFFLE page */
  --section-pad-y-lg: clamp(72px, 11vh, 150px);
  --section-pad-y-md: clamp(64px, 9vh, 130px);
  --section-pad-y-sm: clamp(56px, 8vh, 110px);
  --section-pad-x: clamp(20px, 5vw, 72px);

  --content-max-wide: 1320px;
  --content-max: 1180px;

  --grid-desktop-cols: 12; /* @kind other */
  --grid-desktop-max: 1440px;
  --grid-desktop-margin: 64px;
  --grid-desktop-gutter: 24px;
  --grid-tablet-cols: 6; /* @kind other */
  --grid-mobile-cols: 4; /* @kind other */

  /* the diagonal cut angle used for section clip-paths — 15–20° on web,
     full 45° reserved for posters/print (Branding Bible §3.1) */
  --diagonal-angle-web: 4%; /* as a clip-path vertical offset, matches shipped page */
}