/* Simtix spacing, layout, shape, elevation */
:root {
  --space-1: 4px;  --space-2: 8px;   --space-3: 12px; --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px; --space-8: 32px;  --space-12: 48px; --space-16: 64px;
  --space-24: 96px; --space-32: 128px;

  --container-max: 1280px; /* @kind spacing */
  --gutter: 24px; /* @kind spacing */
  --section-pad-block: var(--space-24); /* @kind spacing */

  --radius-sm: 8px;   /* inputs, buttons */
  --radius-md: 12px;  /* cards */
  --radius-lg: 20px;  /* bento tiles */
  --radius-full: 999px; /* pills, badges */

  --shadow-interactive: 0 8px 24px rgb(6 11 24 / 0.12);
}

@media (max-width: 767px) {
  :root { --section-pad-block: var(--space-16); --gutter: 16px; }
}