/* ============================================================
   UpStart — Spacing Tokens
   Base unit 4px. The dark canvas IS the whitespace.
   ============================================================ */

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

  /* Component-specific paddings */
  --pad-card: var(--space-lg);          /* 24px — feature/pricing cards */
  --pad-card-lg: var(--space-xl);       /* 32px — testimonial cards */
  --pad-banner: var(--space-xxl);       /* 48px — CTA banners */
  --pad-button: 8px 14px;               /* compact pill-button spec */
  --pad-input: 8px 12px;                /* form input */

  /* Layout */
  --container-max: 1280px;
  --nav-height: 56px;
}