:root {
  /* Breakpoints (documentação — CSS vars não funcionam dentro de @media) */
  --bp-sm: 640px; --bp-md: 1024px; --bp-lg: 1280px;
  --grid-columns: 12; /* @kind other */
  --grid-gap: 24px;
  --grid-margin: clamp(20px, 4vw, 48px);
  --section-y: clamp(64px, 8vw, 96px); /* @kind spacing */
  --touch-target: 44px;
}