/* PhishDestroy design tokens — layout.
   One page gutter and one content width for every page. The colour, type, radius and spacing
   tokens (--pd-ui-*) live in site-tokens.css; the older layout names resolve to these two, so
   every component that already reads --pd-ui-gutter / --pd-ui-container follows them.
   The older override sheet that used to sit under this name is pd-tokens-legacy.min.css. */
:root {
  --pd-gutter: clamp(16px, 4vw, 32px);   /* page side padding: 16px on phones, 32px from 800px */
  --pd-maxw: 1240px;                      /* content column */
  --pd-shell-maxw: calc(var(--pd-maxw) + 2 * var(--pd-gutter)); /* a container that pads itself */
  --pd-section-gap: clamp(40px, 6vw, 80px);
}
/* html:root outranks the plain :root of site-tokens.css, which some pages import again further down */
html:root {
  --pd-ui-gutter: var(--pd-gutter);
  --pd-ui-container: var(--pd-maxw);
}