/* Spacing is expressed in rem against a 1.05rem body. Component padding values are
   the literal values used by the primitives — do not snap them to a 4/8px grid. */
:root{
  --space-1:0.25rem;
  --space-2:0.5rem;
  --space-3:0.75rem;
  --space-4:1rem;
  --space-5:1.25rem;
  --space-6:1.5rem;
  --space-8:2rem;
  --space-10:2.5rem;

  /* control padding (literal, from the source system) */
  --pad-btn-y:0.8rem;   --pad-btn-x:1.35rem;
  --pad-btn-lg-y:1.05rem; --pad-btn-lg-x:1.9rem;
  --pad-chip-y:0.55rem; --pad-chip-x:0.9rem;
  --pad-card:1.5rem;
  --pad-card-nested:1.25rem;

  /* fluid rhythm */
  --gutter:clamp(20px,4vw,64px); /* @kind spacing */
  --section-y:clamp(4rem,9vw,9rem); /* @kind spacing */
  --section-gap:clamp(2.5rem,5vw,5rem);
  --stack-gap:clamp(1.25rem,2.4vw,2.25rem);
  --content-max:1600px;
}