brandColors.js

const colors = {
  io_blue: {
    50: '#f5f7fd',
    100: '#ebeffb',
    200: '#cdd7f6',
    300: '#afbff0',
    400: '#728fe4',
    500: '#365fd9',
    600: '#3156c3',
    700: '#2947a3',
    800: '#203982',
    900: '#1a2f6a',
  },
  io_orange: {
    50: '#fef9f6',
    100: '#fdf2ee',
    200: '#fbdfd4',
    300: '#f8ccba',
    400: '#f2a587',
    500: '#ed7f53',
    600: '#d5724b',
    700: '#b25f3e',
    800: '#8e4c32',
    900: '#743e29',
  },
  io_rouge: {
    50: '#faf5f7',
    100: '#f6ebf0',
    200: '#e8cdd9',
    300: '#d9afc1',
    400: '#bd7493',
    500: '#a13865',
    600: '#91325b',
    700: '#792a4c',
    800: '#61223d',
    900: '#4f1b31',
  },
  io_black: {
    50: '#f4f4f4',
    100: '#e9e9e9',
    200: '#c7c7c7',
    300: '#a5a5a5',
    400: '#626262',
    500: '#1f1f1f',
    600: '#1c1c1c',
    700: '#171717',
    800: '#131313',
    900: '#0f0f0f',
  },
}

const safelist = Object.entries(colors).reduce((acc, [name, tints]) => {
  Object.keys(tints).forEach((tint) => {
    acc.push(`bg-${name}-${tint}`)
  })
  return acc
}, [])

module.exports = {
  colors,
  safelist,
}