const colors = {
    ivory: '#FEFDFC',
    'ivory-shade': '#ECEBEA',
    sand: '#F7F4EF',
    'sand-shade': '#B9B7B3',
    charcoal: '#181818',
    'charcoal-shade': '#2A2A2A',
    forest: '#053F0A',
    'forest-shade': '#F6FFF6',
    clay: '#FA3812',
    'clay-shade': '#FFEFEC',
    sea: '#1253FA',
    'sea-shade': '#F0F8FF',
    'grey-700': '#565656',
    'grey-600': '#747474',
    'grey-500': '#A3A3A3',
    'grey-400': '#D1D1D1',
}

const themes = {
    light: {
        bg: colors.ivory,
        fg: colors.charcoal,
        layout: colors.sand,
        grey: colors['grey-600'],
        shade: colors['ivory-shade'],
        contrast: colors.clay,
    },
    dark: {
        bg: colors.charcoal,
        fg: colors.ivory,
        layout: colors.sand,
        grey: colors['grey-500'],
        shade: colors['charcoal-shade'],
        contrast: colors.clay,
    },
}

export { colors, themes }

export default {
    colors,
    themes,
}
