export const stylesTokens = {
  pageBg: "var(--hp-pageBg)",
  panelBg: "var(--hp-panelBg)",
  panelBorder: "var(--hp-panelBorder)",

  textMain: "var(--hp-textMain)",
  textDim: "var(--hp-textDim)",
  textGold: "var(--hp-textGold)",

  goldLine: "var(--hp-goldLine)",

  // Header
  headerBgTop: "var(--hp-headerBgTop)",
  headerBgBottom: "var(--hp-headerBgBottom)",
  headerBorder: "var(--hp-headerBorder)",

  // Rows
  rowNoBg: "var(--hp-rowNoBg)",
  rowNoText: "var(--hp-rowNoText)",
  rowNoBorder: "var(--hp-rowNoBorder)",

  rowOkBg: "var(--hp-rowOkBg)",
  rowOkText: "var(--hp-rowOkText)",
  rowOkBorder: "var(--hp-rowOkBorder)",

  rowMaybeBg: "var(--hp-rowMaybeBg)",
  rowMaybeText: "var(--hp-rowMaybeText)",
  rowMaybeBorder: "var(--hp-rowMaybeBorder)",

  rowEmptyBg: "var(--hp-rowEmptyBg)",
  rowEmptyText: "var(--hp-rowEmptyText)",
  rowEmptyBorder: "var(--hp-rowEmptyBorder)",

  // Background
  bgImage: "var(--hp-bgImage)",
};
