const colors = {
    black: '#2b2b2b',
    white: '#eeeeee',
    grey: '#494949',
    red: '#ff1a1a',
}

const themes = {
    light: {
        bg: colors.white,
        fg: colors.black,
    },
    dark: {
        bg: colors.black,
        fg: colors.white,
    },
    red: {
        bg: colors.red,
        fg: colors.white,
    },
}

const breakpoints = {
    mobile: 800,
}

const viewports = {
    mobile: {
        width: 440,
        height: 800,
    },
    desktop: {
        width: 1440,
        height: 1024,
    },
}

export { colors, themes, breakpoints, viewports }

export default {
    colors,
    themes,
    breakpoints,
    viewports,
}
