local theme = runtime.import("theme")
local colors = theme.colors
local styles = {}

styles.layers = {
  board = 1,
  cell = 2,
  home = 3,
  plane = 10,
  hud = 100,
  hud_content = 101
}

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

styles.center = {
  color = colors.board_inner,
  layer = styles.layers.board
}

styles.route_cell = {
  anchor = "center",
  color = colors.route_cell,
  layer = styles.layers.cell
}

styles.home_panel = function(owner)
  return {
    color = colors[owner .. "_home"],
    layer = styles.layers.home
  }
end

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

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

styles.small_text = {
  fontSize = 14,
  color = colors.muted_text,
  layer = styles.layers.hud_content
}

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

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

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

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

return styles