/* 01-settings/_spacing.css — 4 px base scale + named intents. */
:root {
  --space-3xs: 0.125rem; /* 2 */
  --space-2xs: 0.25rem;  /* 4 */
  --space-xs:  0.5rem;   /* 8 */
  --space-sm:  0.75rem;  /* 12 */
  --space-md:  1rem;     /* 16 */
  --space-lg:  1.5rem;   /* 24 */
  --space-xl:  2rem;     /* 32 */
  --space-2xl: 3rem;     /* 48 */
  --space-3xl: 4rem;     /* 64 */

  /* Named intents */
  --pad-card:     var(--space-md);
  --pad-panel:    var(--space-lg);
  --pad-field-y:  0.5rem;
  --pad-field-x:  0.75rem;
  --gap-board:    var(--space-sm);
  --gap-stack:    var(--space-md);
  --gap-section:  var(--space-lg);
  --gap-page-head: var(--space-xl);
  --gutter-page:  clamp(1rem, 3vw, 2rem);
}