/* FUTURA Design System — Spacing Tokens (4px base unit) */
:root {
  --space-0:       0px;
  --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-14:      56px;
  --space-16:      64px;
  --space-20:      80px;
  --space-24:      96px;
  --space-32:      128px;

  /* Semantic shortcuts */
  --space-section:    80px;   /* full tile vertical padding */
  --space-section-sm: 48px;   /* condensed tile (mobile) */
  --space-card:       24px;   /* card internal padding */
  --space-card-sm:    16px;   /* compact card padding */
  --space-gutter:     24px;   /* grid gutter */
  --space-nav-h:      64px;   /* nav bar height */
}