/** @type {import('tailwindcss').Config} */
module.exports = {
  purge: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  content: [],
  theme: {
    extend: {
      screens: {
        mobile: {
          max: '1439px',
        },
        //  @media (min-width: 375px) { ... }
        desktop: '1440px',
        //  @media (min-width: 1440px) { ... }
      },
      colors: {
        'black-19191A': '#19191A',
        'black-272728': '#272728',
        'black-006': 'rgba(255, 255, 255, 0.06)',
        'black-3B3B3C': '#3B3B3C',
        'black-2B2B2C': '#2B2B2C',
        'black-262626': '#262626',
        'gray-303031': '#303031',
        'gray-969697': '#969697',
        'gray-BBB': '#BBBBBB',
        'gray-7D7D7E': '#7D7D7E',
        'gray-C1C0C0': '#C1C0C0',
        'gray-555': '#555555',
        'gray-323232': '#323232',
        'green-1DE9B6': '#1DE9B6',
        'green-2EAA7D': '#2EAA7D',
        'blue-65B5FF': '#65B5FF',
        'red-C4403E': '#C4403E',
      },
      flex: {
        half: '1 1 50%',
      },
    },
    screens: {},
    backgroundImage: {
      'home-page': "url('/src/assets/bg/homepage-topbg.png')",
      'mack-group': "url('/src/assets/bg/Mask-group-bg.png')",
    },
  },
  plugins: [],
}