
const colors = {
  lightGreen: "#bada55",
  magenta: 'magenta',
  special: '#cf552c'
}

const getScale = (i) => {
 return i * 8
}

export const baseTheme = {
    space: [0, getScale(.5), getScale(1), getScale(2), getScale(4), getScale(5)],
    fontSizes: [8, 12, 18, 24, 32],
    radii: [0, 10, 20],
    sizes: [getScale(1), getScale(5), getScale(10), getScale(20), getScale(100)],
    colors: {    
      highlight: colors.magenta,
      special: '#cf552c',
      primary: colors.lightGreen,
      neutral: "#555",
      hard: "#111",
      soft: "#fff",
      buttonBG: colors.lightGreen,
      modes: {
          dark: {
            primary: colors.magenta,
            neutral: "gold",
            hard: "#999",
            soft: "#111",
            buttonBG: colors.special,
        }
      }
    }
  }