/* cutie+fi · spacing, radius & layout tokens */

:root {
  /* Spacing scale (4px base) */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-30: 120px;   /* section padding (desktop) */

  /* Layout */
  --wrap-max:   1200px;
  --wrap-pad:   24px;   /* mobile */
  --wrap-pad-lg:48px;   /* desktop */
  --section-pad: var(--space-30);

  /* Radius */
  --radius-card:   24px;   /* cards */
  --radius-lg:     32px;   /* large feature cards / bands */
  --radius-md:     16px;   /* inner blocks */
  --radius-sm:     14px;   /* icon tiles */
  --radius-pill:   999px;  /* buttons, chips, avatars */

  /* Button padding */
  --btn-pad-lg: 18px 32px;
  --btn-pad-md: 14px 24px;
  --btn-pad-sm: 9px 18px;
}