:root{
  /* Spacing scale (4px base) */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px;
  --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px;
  --sp-20:80px; --sp-24:96px; --sp-32:128px; --sp-40:160px;

  /* Layout */
  --container-max:1200px;
  --container-narrow:760px;
  --gutter:clamp(20px,5vw,64px);   /* @kind spacing */
  --section-y:clamp(64px,10vw,160px); /* @kind spacing */
}