/*
  --theme-color: #79ff61;
  --theme-color-opaque: hsla(111, 100%, 69%, 0.1);
  --theme-gray: var(--chakra-colors-gray-600);
  --bg-color: #eff0f3;
  --secondary-bg-color: #fffafa;
  --text-color: var(--chakra-colors-blackAlpha-900);
  --border-color: #e2e8f0;
*/

/** Convenience enum for CSS Variables aka Custom properties of this project  */
export enum CSSVariables {
  themeColor = "var(--theme-color)",
  themeColorOpaque = "var(--theme-color-opaque)",
  themeGray = "var(--theme-gray)",
  bgColor = "var(--bg-color)",
  secondaryBgColor = "var(--secondary-bg-color)",
  textColor = "var(--text-color)",
  borderColor = "var(--border-color)",
}