const styles = {
    breakpoints: {
        tablet: '',
        desktop: '',
        mobile: ''
    },
    theme: {
        colors: {
            primary: '#03a9f4', /* Sets the text color to the theme primary color. */
            primaryBg: '#e8eaf6', /* Sets the background color to the theme primary color. */
            onPrimary: '#fff', /* Sets the text color to the color configured for text on the primary color. */

            secondary: '#03a9f4', /* Sets the text color to the theme secondary color. */
            secondaryBg: '#fce4ec', /* Sets the background color to the theme secondary color. */
            onSecondary: '#fff', /* Sets the text color to the color configured for text on the secondary color. */

            surface: '#fff', /* Sets the background color to the surface background color. */
            onSurface: '#333', /* Sets the text color to the color configured for text on the surface color. */
            background: '#eee', /* Sets the background color to the theme background color. */

            warning: '#FFA000',
            error: '#F44336'
        },

        addressColors: [
            '#256480',
            '#002530',
            '#02564e',
            '#d32f2f',
            '#795548',
            '#004d40',
            '#006064',
            '#9c27b0',
            '#2196f3',
            '#d81b60'
        ]
    }
}

module.exports = styles
