const colors = {
    black: '#181818',
    white: '#D5D5D5',
    'grey-100': '#747474',
    green: '#87FF5B',
    blue: '#5B92FF',
}

const themes = {
    light: {
        bg: colors.white,
        fg: colors.black,
        accent: colors.green,
        link: colors.blue,
    },
    dark: {
        bg: colors.black,
        fg: colors.white,
        accent: colors.green,
        link: colors.blue,
    },
}

const breakpoints = {
    mobile: 800,
}

const viewports = {
    mobile: {
        width: 200,
        height: 956,
    },
    desktop: {
        width: 354,
        height: 549,
    },
}

export { colors, themes, breakpoints, viewports }

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