/**
 * TabataFit Spacing System
 * Base: 4px
 */

export const SPACING = {
  0: 0,
  1: 4,
  2: 8,
  3: 12,
  4: 16,
  5: 20,
  6: 24,
  7: 28,
  8: 32,
  10: 40,
  12: 48,
  14: 56,
  16: 64,
  20: 80,
  24: 96,
} as const

export const SPACE = {
  NONE: 0,
  XS: 4,
  SM: 8,
  MD: 16,
  LG: 24,
  XL: 32,
  XXL: 48,
} as const

export const LAYOUT = {
  SCREEN_PADDING: 20,
  CARD_PADDING: 16,
  BUTTON_HEIGHT: 56,
  BUTTON_HEIGHT_SM: 44,
  TAB_BAR_HEIGHT: 83,
  HEADER_HEIGHT: 44,
  TOUCH_TARGET: 44,
  SECTION_GAP: 24,
  LIST_ROW_HEIGHT: 44,
  LIST_HEADER_HEIGHT: 35,
  GROUPED_INSET_HORIZONTAL: 20,
} as const
