/* CSI Spacing & radius — 4px base grid */
:root{
  --sp-0:0; /* @kind spacing */
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:20px;
  --card-pad:var(--sp-5); /* symmetric card padding, all four sides */
  --sp-6:24px;
  --sp-8:32px;
  --sp-10:40px;
  --sp-12:48px;
  --sp-16:64px;
  --sp-20:80px;
  --sp-24:96px;
  --sp-32:128px;

  /* Layout */
  --container-max:1200px;
  --gutter:24px;
  --section-y:96px;

  /* Radii — CSI uses crisp, mostly-square corners with a small softening */
  --radius-none:0;
  --radius-sm:4px;
  --radius-md:8px;
  --radius-lg:12px;
  --radius-pill:999px;
}