/* WHEELS — Spacing tokens
   Base unit 4px. Section rhythm 96px between major bands;
   generous 32px internal card padding lets type breathe. */

:root {
  --space-xxs: 4px;
  --space-xs:  8px;
  --space-sm:  12px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-section: 96px;

  /* semantic */
  --pad-card:    var(--space-xl);   /* feature / pricing / content cards */
  --pad-card-sm: var(--space-lg);   /* tiles, dark inner panels */
  --pad-callout: var(--space-2xl);  /* coral callout cards */
  --pad-band:    var(--space-3xl);  /* CTA / footer bands */
  --gap-grid:    var(--space-lg);   /* default grid gutter */
  --container:   1200px;            /* max content width */
}