// Copied from `@planningcenter/tapestry` package.
// Defining these tokens locally is a temporary solution until the package supports mobile.
// Tokens Reference: https://planningcenter.github.io/tapestry/?path=/docs/foundations-design-tokens--docs

const colorPrimitives = {
  colorNeutral7: 'hsl(0, 0%, 7%)',
  colorNeutral12: 'hsl(0, 0%, 12%)',
  colorNeutral15: 'hsl(0, 0%, 15%)',
  colorNeutral17: 'hsl(0, 0%, 17%)',
  colorNeutral19: 'hsl(0, 0%, 19%)',
  colorNeutral24: 'hsl(0, 0%, 24%)',
  colorNeutral32: 'hsl(0, 0%, 32%)',
  colorNeutral45: 'hsl(0, 0%, 45%)',
  colorNeutral50: 'hsl(0, 0%, 50%)',
  colorNeutral58: 'hsl(0, 0%, 58%)',
  colorNeutral68: 'hsl(0, 0%, 68%)',
  colorNeutral81: 'hsl(0, 0%, 81%)',
  colorNeutral88: 'hsl(0, 0%, 88%)',
  colorNeutral93: 'hsl(0, 0%, 93%)',
  colorNeutral95: 'hsl(0, 0%, 95%)',
  colorNeutral97: 'hsl(0, 0%, 97%)',
  colorNeutral98: 'hsl(0, 0%, 98%)',
  borderColorStatusInfo: 'hsl(204, 100%, 40%)',
  borderColorStatusInfoDark: 'hsl(204, 78%, 38%)',
  borderColorStatusSuccess: 'hsl(96, 57%, 33%)',
  borderColorStatusSuccessDark: 'hsl(96, 57%, 41%)',
  borderColorStatusWarning: 'hsl(42, 84%, 49%)',
  borderColorStatusWarningDark: 'hsl(42, 84%, 49%)',
  borderColorStatusError: 'hsl(8, 60%, 47%)',
  borderColorStatusErrorDark: 'hsl(8, 60%, 55%)',
  colorNeutral100White: 'hsl(0, 0%, 100%)',
  fillColorInteractionDefault: 'hsl(204, 100%, 40%)',
  fillColorInteractionSwipeDefault: 'hsl(204, 100%, 40%)',
  fillColorInteractionSwipeSecondary: 'hsl(0, 0%, 24%)',
  fillColorStatusNeutralGhost: 'hsl(0, 0%, 93%)',
  fillColorStatusNeutralGhostDark: 'hsl(0, 0%, 18%)',
  textColorStatusNeutral: 'hsl(0, 0%, 24%)',
  textColorStatusNeutralDark: 'hsl(0, 0%, 80%)',
  iconColorStatusNeutralPrimary: 'hsl(0, 0%, 45%)',
  iconColorStatusNeutralPrimaryDark: 'hsl(0, 0%, 54%)',
  fillColorStatusErrorSolid: 'hsl(8, 60%, 47%)',
  fillColorStatusErrorSolidDark: 'hsl(8, 60%, 55%)',
  fillColorStatusErrorGhost: 'hsl(9, 59%, 93%)',
  fillColorStatusErrorGhostDark: 'hsl(8, 20%, 16%)',
  textColorStatusError: 'hsl(8, 60%, 45%)',
  textColorStatusErrorDark: 'hsl(8, 61%, 61%)',
  iconColorStatusErrorPrimary: 'hsl(8, 60%, 47%)',
  iconColorStatusErrorPrimaryDark: 'hsl(8, 60%, 55%)',
  fillColorStatusWarningSolid: 'hsl(42, 84%, 49%)',
  fillColorStatusWarningSolidDark: 'hsl(42, 84%, 49%)',
  fillColorStatusWarningGhost: 'hsl(42, 87%, 94%)',
  fillColorStatusWarningGhostDark: 'hsl(41, 18%, 17%)',
  textColorStatusWarning: 'hsl(42, 100%, 29%)',
  textColorStatusWarningDark: 'hsl(42, 84%, 55%)',
  iconColorStatusWarningPrimary: 'hsl(42, 84%, 49%)',
  iconColorStatusWarningPrimaryDark: 'hsl(42, 84%, 49%)',
  fillColorStatusSuccessSolid: 'hsl(96, 57%, 33%)',
  fillColorStatusSuccessSolidDark: 'hsl(96, 57%, 41%)',
  fillColorStatusSuccessGhost: 'hsl(97, 57%, 90%)',
  fillColorStatusSuccessGhostDark: 'hsl(125, 17%, 15%)',
  textColorStatusSuccess: 'hsl(97, 57%, 28%)',
  textColorStatusSuccessDark: 'hsl(97, 57%, 41%)',
  iconColorStatusSuccessPrimary: 'hsl(96, 57%, 33%)',
  iconColorStatusSuccessPrimaryDark: 'hsl(96, 57%, 41%)',
  fillColorStatusInfoSolid: 'hsl(204, 100%, 40%)',
  fillColorStatusInfoSolidDark: 'hsl(204, 78%, 38%)',
  fillColorStatusInfoGhost: 'hsl(203, 94%, 94%)',
  fillColorStatusInfoGhostDark: 'hsl(204, 32%, 15%)',
  textColorStatusInfo: 'hsl(204, 100%, 35%)',
  textColorStatusInfoDark: 'hsl(204, 68%, 55%)',
  iconColorStatusInfoPrimary: 'hsl(204, 100%, 40%)',
  iconColorStatusInfoPrimaryDark: 'hsl(204, 78%, 38%)',
  fillColorTransparencyLight010: 'hsla(0, 0%, 100%, 0.1)',
  fillColorTransparencyLight020: 'hsla(0, 0%, 100%, 0.2)',
  fillColorTransparencyLight030: 'hsla(0, 0%, 100%, 0.3)',
  fillColorTransparencyLight040: 'hsla(0, 0%, 100%, 0.4)',
  fillColorTransparencyLight050: 'hsla(0, 0%, 100%, 0.5)',
  fillColorTransparencyLight060: 'hsla(0, 0%, 100%, 0.6)',
  fillColorTransparencyLight070: 'hsla(0, 0%, 100%, 0.7)',
  fillColorTransparencyLight080: 'hsla(0, 0%, 100%, 0.8)',
  fillColorTransparencyLight090: 'hsla(0, 0%, 100%, 0.9)',
  fillColorTransparencyDark010: 'hsla(0, 0%, 0%, 0.1)',
  fillColorTransparencyDark020: 'hsla(0, 0%, 0%, 0.2)',
  fillColorTransparencyDark030: 'hsla(0, 0%, 0%, 0.3)',
  fillColorTransparencyDark040: 'hsla(0, 0%, 0%, 0.4)',
  fillColorTransparencyDark050: 'hsla(0, 0%, 0%, 0.5)',
  fillColorTransparencyDark060: 'hsla(0, 0%, 0%, 0.6)',
  fillColorTransparencyDark070: 'hsla(0, 0%, 0%, 0.7)',
  fillColorTransparencyDark080: 'hsla(0, 0%, 0%, 0.8)',
  fillColorTransparencyDark090: 'hsla(0, 0%, 0%, 0.9)',
} as const

const numericPrimtives = {
  spacingFourth: 2,
  spacingHalf: 4,
  spacing1: 8,
  spacing2: 16,
  spacing3: 24,
  spacing4: 32,
  spacing5: 40,
  spacing6: 48,
  spacing7: 56,
  borderRadiusSm: 2,
  borderRadiusMd: 4,
  borderRadiusLg: 8,
  borderRadiusXl: 16,
  borderRadiusRound: 56,
  borderSizeDefault: 1,
  borderSizeThick: 2,
  fontWeightNormal: '400',
  fontWeightMedium: '500',
  fontWeightSemiBold: '600',
  fontWeightBold: '700',
  fontSize4xl: 32,
  fontSize3xl: 28,
  fontSize2xl: 24,
  fontSizeXl: 20,
  fontSizeLg: 18,
  fontSizeMd: 16,
  fontSizeSm: 14,
  fontSizeXs: 12,
  fontSize2xs: 10,
} as const

const numericAliases = {
  borderRadiusDefault: numericPrimtives.borderRadiusMd,
} as const

// These tokens are specfic to Chat will not be replaced by the Tapestry library
const localChatTokens = {
  colorInteractionOnlineDefault: 'hsl(123, 38%, 57%)',
  fillColorInteractionDefaultDark: 'hsl(204, 100%, 40%)',
  fillColorStatusErrorMedium: 'hsl(0, 72%, 45%)',
} as const

export const tokens = {
  ...colorPrimitives,
  ...numericPrimtives,
  ...numericAliases,
  ...localChatTokens,
}