atomic-config.js

module.exports = {
	'breakPoints': {
		'xs': '@media (max-width:449px)',
		'sm': '@media (max-width:699px)',
		'md': '@media (max-width:999px)',
		'lg': '@media (max-width:1239px)'
	},
	'custom': {
		// FONTS
		roboto: 'Roboto, Verdana, sans-serif',
		btnFont: 'Arial, Verdana, sans-serif',

		// BACKGROUND IMAGES & GRADIENTS
		homeBanner: 'url("../images/banner.png")',
		mortenHarket: 'url("../images/Morten_Harket.png")',
		subscribe_1: 'url("../images/subscribe_1.png")',
		subscribe_2: 'url("../images/subscribe_2.png")',
		subscribe_3: 'url("../images/subscribe_3.png")',
		gradient: 'linear-gradient(89.75deg, #5328a1 32.83%, #95390c 81.56%)',
		iconPlay: 'url("../images/svg/play-button.svg")',
		iconHeart: 'url("../images/svg/heart.svg")',

		// COLORS
		textColor: '#cacaca',
		bgColor: '#08020d',
		darkGrey: '#3c3b3d',
		lightGrey: '#e0e0e0',
		buttonColor1: '#34C176',
		buttonColor2: '#2ba564',
		orange1: '#f89202',
		darkOrange: '#95390c',
		blue1: '#5328a1',

		// OTHER VALUES
		trackWidth: 'calc(50% - 50px)',
	},
};