import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    './src/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    screens: {
      'xs': '400px',
      'sm': '640px',
      'md': '768px',
      'lg': '1024px',
      'xl': '1280px',
      '1xl': '1366px',
      '2xl': '1536px',
    },
    extend: {
      backgroundImage: {
        'custom-gradient': 'linear-gradient(180deg, #0666F2, #1D1D1D 70%)',
      },
      fontFamily: {
        // 'NeueMontreal-Bold':['NeueMontreal-Bold'],
        // 'NeueMontreal-Medium':['NeueMontreal-Medium'],
        // 'NeueMontreal-Regular':['NeueMontreal-Regular'],
        sans: ['var(--font-neue)']
      },
      colors: {
        "primary": "var(--primary)",
        "primary-light": "var(--primary-light)",
        "secondary": "var(--secondary)",
        'custom-blue': '#0666F2',
        'custom-black': '#1D1D1D',
      },
      backgroundColor: {
        "primary": "var(--primary)",
        "primary-light": "var(--primary-light)",
        "secondary": "var(--secondary)"
      },
    },
  },
  plugins: [
    require('@tailwindcss/forms'),
  ],
};
export default config;