import type { Config } from 'tailwindcss';
import colors from 'tailwindcss/colors';

const config: Config = {
  content: [
    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    colors: {
      white: colors.white,
      transparent: 'transparent',
      current: 'currentColor',
      black: {
        DEFAULT: '#222329',
        1: '#121214',
        2: '#0E0E10',
      },
      gray: {
        1: '#616265',
        2: '#A5A5A7',
        3: '#B9BABB',
        4: '#D2D2D2',
        5: '#E9EAEA',
        6: '#F2F2F2',
        7: '#FBFCFC',
      },
      lavender: {
        DEFAULT: '#6A5DF9',
        1: '#E1DFFE',
        2: '#F0EFFE',
        3: '#F8F7FF',
        dark: '#6896FF',
        'dark-1': '#303A54',
      },
      error: {
        DEFAULT: '#DF3C3C',
        1: '#FCEAEA',
        dark: '#DF3C3C',
        'dark-1': '#4E2C2F',
      },
      warning: {
        DEFAULT: '#FFC34C',
        1: '#FFF3DB',
        dark: '#FFCC67',
        'dark-1': '#4E4330',
      },
      success: {
        DEFAULT: '#16A34A',
        1: '#E8F6ED',
        dark: '#22C55E',
        'dark-1': '#264936',
      },
      info: {
        DEFAULT: '#297EFF',
        1: '#E9F2FF',
        2: '#F0F9FF',
        dark: '#5498FF',
        'dark-1': '#233554',
        'dark-2': '#DBEAFE',
        'dark-3': '#1E40AF',
      },
      teal: {
        DEFAULT: '#25DEC8',
        1: '#E8FCFA',
        dark: '#25DEC8',
        'dark-1': '#234849',
      },
      lime: {
        DEFAULT: '#C4F33C',
        1: '#F3FDD8',
        dark: '#C4F33C',
        'dark-1': '#424D2D',
      },
      pink: {
        DEFAULT: '#F144D6',
        1: '#FEECFB',
        dark: '#F144D6',
        'dark-1': '#222329',
        light: '#FCDDEC',
      },
      violet: {
        DEFAULT: '#C854E4',
        1: '#FDF8FE',
        dark: '#CF5DFE',
        'dark-1': '#292532',
      },
    },
    extend: {
      backgroundImage: {
        clicoh: 'linear-gradient(135deg, #6A5DF9, #C854E4)',
        'brand-shipping': 'linear-gradient(135deg, #5683DD, #8EE3C6)',
        'brand-full': 'linear-gradient(135deg, #CFBDB2, #CF86F4)',
      },
    },
  },
  plugins: [],
  darkMode: 'class',
};
export default config;
