local theme = runtime.import("theme")

local colors = theme.colors
local styles = {}

styles.layers = {
  background = 0,
  board = 1,
  board_content = 2,
  piece = 10,
  hud = 100,
  hud_content = 101
}

styles.board_panel = {
  color = colors.board,
  layer = styles.layers.background
}

styles.board_title = {
  fontSize = 24,
  color = colors.text,
  layer = styles.layers.board_content
}

styles.red_home = {
  color = colors.red_home,
  layer = styles.layers.board
}

styles.blue_home = {
  color = colors.blue_home,
  layer = styles.layers.board
}

styles.path_cell = {
  anchor = "center",
  color = colors.path_cell,
  layer = styles.layers.board_content
}

styles.top_bar = {
  color = colors.top_bar,
  layer = styles.layers.hud
}

styles.hud_text = {
  fontSize = 22,
  color = colors.text,
  layer = styles.layers.hud_content
}

styles.dice_button = {
  color = colors.dice_button,
  fontSize = 20,
  layer = styles.layers.hud_content
}

styles.piece_highlight = {
  scale = 1.25,
  alpha = 1
}

styles.piece_normal = {
  scale = 1,
  alpha = 0.95
}

function styles.piece(owner)
  return {
    anchor = "center",
    asset = "piece_" .. owner,
    color = colors[owner],
    layer = styles.layers.piece,
    interactive = true,
    onTap = "piece_tap"
  }
end

return styles