export const tokens = {
  space: {
    xs: 4,   // 4px
    sm: 8,   // 8px
    md: 16,  // 16px
    lg: 24,  // 24px
    xl: 32,  // 32px
    xxl: 48, // 48px
  },
  color: {
    brand:   '#0052CC', // Atlassian Blue
    brandHover: '#0065FF',
    surface: '#FFFFFF',
    subtle:  '#F4F5F7',
    elevated: '#FAFBFC',
    text:    '#172B4D',
    muted:   '#5E6C84',
    border:  '#DFE1E6',
    borderFocus: '#4C9AFF',
    danger:  '#DE350B',
    dangerSubtle: '#FFEBE6',
    success: '#00875A',
    successSubtle: '#E3FCEF',
    warning: '#FF8B00',
    warningSubtle: '#FFFAE6',
    info:    '#0052CC',
    infoSubtle: '#DEEBFF',
  },
  sidebar: {
    collapsed: 56,
    expanded:  320,
  },
  touchTarget: 44, // WCAG 2.5.5 minimum
  borderRadius: {
    sm: 3,
    md: 4,
    lg: 8,
    full: 9999,
  },
} as const

export type ColorToken = keyof typeof tokens.color
export type SpaceToken = keyof typeof tokens.space
