:root{
  /* ============ SPACING SCALE (4px base) ============ */
  --space-0:0;
  --space-1:0.25rem;   /* 4 */
  --space-2:0.5rem;    /* 8 */
  --space-3:0.75rem;   /* 12 */
  --space-4:1rem;      /* 16 */
  --space-5:1.5rem;    /* 24 */
  --space-6:2rem;      /* 32 */
  --space-7:3rem;      /* 48 */
  --space-8:4rem;      /* 64 */
  --space-9:6rem;      /* 96 */
  --space-10:8rem;     /* 128 */
  --space-11:10rem;    /* 160 */

  /* ============ LAYOUT ============ */
  --container-sm:640px;
  --container-md:960px;
  --container-lg:1200px;
  --container-xl:1360px;
  --gutter:clamp(1.25rem,5vw,4rem); /* @kind spacing */
  --section-y:clamp(4rem,10vw,8rem); /* @kind spacing */
}