/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
  ],
  darkMode: true,
  theme: {
    colors: {
      'transparent' : 'transparent',
      'white': '#EDF2F4',
      'blue': '#01bde7',
      'gray-dark': '#1C1C21',
      'gray-light': '#272731'

    },
    screens: {
      'sm': '640px',

      'md': '768px',

      'lg': '1024px',

      'xl': '1376px',

      '2xl': '1536px',
    },
    extend: {},
  },
  plugins: [],
}

// XL: 1376px