/* Brutal Duck — spacing, radii, stroke weights and the hard-offset shadow system.
   Spacing values come straight from the Figma "Primitives" collection. */
:root{
  --space-xxxs:2px;
  --space-xxs:4px;
  --space-xs:12px;
  --space-s:16px;
  --space-m:24px;
  --space-l:32px;
  --space-xl:48px;
  --space-xxl:60px;
  --space-xxxl:72px;

  /* Observed section rhythm */
  --section-pad-y:72px;
  --grid-gap:40px;

  /* Radii — observed across the file */
  --radius-xs:4px;
  --radius-s:5px;
  --radius-m:12px;   /* buttons, inputs, tags */
  --radius-l:16px;   /* alerts */
  --radius-xl:20px;  /* pricing cards */
  --radius-2xl:24px; /* blurb boxes */
  --radius-3xl:72px; /* doc pages */
  --radius-4xl:80px; /* slide + hero panels */
  --radius-pill:999px;

  /* Stroke weights. Brutal Duck outlines everything. */
  --stroke-hair:1px;
  --stroke-thin:2px;   /* controls: buttons, inputs, tags */
  --stroke-thick:4px;  /* cards, blurb boxes, slide frames */
  --stroke-heavy:6px;  /* team portraits, oversized brand shapes */

  /* Hard offset shadows — never blurred, never soft. */
  --shadow-xs:2px 2px 0 0 var(--bd-black);
  --shadow-s:4px 4px 0 0 var(--colour-stroke);
  --shadow-m:8px 8px 0 0 var(--colour-stroke);
  --shadow-l:12px 12px 0 0 var(--colour-stroke);

  /* Inset stroke helpers (stroke drawn as a shadow so it never affects layout) */
  --ring-thin:inset 0 0 0 var(--stroke-thin) var(--colour-stroke);
  --ring-thick:0 0 0 var(--stroke-thick) var(--colour-stroke);

  --transition:all .3s ease-in-out; /* @kind other */
}