/** @type {import('tailwindcss').Config} */
import { Modal } from 'flowbite';
module.exports = {
  content: [
    "./node_modules/flowbite/**/*.js"
],
plugins: [require('@tailwindcss/line-clamp')],
  content: ["./src/**/*.{html,js}"],
  theme: {
    extend: {
      rotate: {
        '317': '317deg', // Custom rotation
      },
      spacing: {
        '17': '68px',
      },
      transform:{
        'transition':'scale(1.14)',
      },
      screens: {
        'sm': {'min': '576px'},   
        'lg': {'min': '992px'},    
        'xl': {'min': '1200px'},   
        'xxl': {'min': '1400px'},      
        'media-max-xs': {'max': '575.98px'},   
        'media-max-sm': {'max': '767.98px'},   
        'media-max-md': {'max': '991.98px'},      
        'media-max-lg': {'max': '1199.98px'},      
      },  
      maxWidth: {
        'sm':'400px',
        
      },
      opacity:{
        '50':'0.5',
      },
      boxShadow: {
        shadow: '0px 4px 54px 0px #E0E0E040',
        xs: '0px 1px 1px 1px rgba(198, 198, 198, 0.2)',
        sm: '0px 2px 5px 0px rgba(0, 0, 0, 0.1)',
        md: '0px 3px 8px 0px rgba(0, 0, 0, 0.1)',
        lg: '0px 4px 10px 0px rgba(0, 0, 0, 0.1)',
        dropshadow: '0px 8px 16px 0px rgba(0, 0, 0, 0.15)',
        custom_shadow: '2px -2px 0 1px #fff, 3px -3px 0 2px rgba(255, 255, 255, 0.1)',
      },
      borderRadius: {
        'input': '5px',
        'defaultradius': '5px',
      },
      width: {
        'sidebar': '252px',
        '90':'90%',
      },
      zIndex: {
        '40': '1050',
      },
      colors: {
        'default': '#6B7280',
        'title': '#202C4B',
        'borderColor': '#E5E7EB',
        'darkBorderColor': '#1F2228',
        'white': '#FFF',
        'black': '#000',
        'dark': '#212529',
        'dark-mode-body':'#131313',
        'dark-mode-dark':'#0D0D0D',
        'dark-border':'#1F2228',
        'dark-color':'#D8DFEE',
        'primary': {
          DEFAULT: '#F26522',
          100: '#FEF0E9',
          200: '#FCE0D3',
          300: '#FBD1BD',
          400: '#FAC1A7',
          500: '#F9B291',
          600: '#F7A37A',
          700: '#F69364',
          800: '#F5844E',
          900: '#F37438',
        },
        'secondary': {
          DEFAULT: '#3B7080',
          100: '#DCE5E8',
          200: '#CAD8DD',
          300: '#B9CBD1',
          400: '#A7BFC6',
          500: '#95B2BB',
          600: '#84A5AF',
          700: '#7298A4',
          800: '#618B98',
          900: '#4F7E8D',
        },
        'success': {
          DEFAULT: '#03C95A',
          100: '#D2F5E1',
          200: '#BBF0D3',
          300: '#A4EBC4',
          400: '#8EE7B5',
          500: '#77E2A6',
          600: '#60DD97',
          700: '#49D889',
          800: '#33D37A',
          900: '#1CCE6B',
        },
        'danger': {
          DEFAULT: '#E70D0D',
          100: '#F6CECE',
          200: '#F1B6B6',
          300: '#EC9E9E',
          400: '#E88686',
          500: '#E36D6D',
          600: '#DE5555',
          700: '#D93D3D',
          800: '#D52424',
          900: '#D00C0C',
        },
        'warning': {
          DEFAULT: '#FFC107',
          100: '#FFF4D2',
          200: '#FFEEBC',
          300: '#FFE9A6',
          400: '#FFE390',
          500: '#FFDD79',
          600: '#FFD863',
          700: '#FFD24D',
          800: '#FFCD36',
          900: '#FFC720',
        },
        'info': {
          DEFAULT: '#1B84FF',
          100: '#D6E9FF',
          200: '#C2DEFF',
          300: '#ADD3FF',
          400: '#99C8FF',
          500: '#84BCFF',
          600: '#70B1FF',
          700: '#5BA6FF',
          800: '#479BFF',
          900: '#3290FF',
        },
        'light': {
          DEFAULT: '#F8F9FA',
          100: '#FDFDFE',
          200: '#FBFBFD',
          300: '#F8FAFC',
          400: '#F6F8FB',
          500: '#F4F6FA',
          600: '#F2F4F8',
          700: '#F0F2F7',
          800: '#EDF1F6',
          900: '#E9EDF4',
        },
        'gray': {
          100: '#F3F4F6',
          200: '#E5E7EB',
          300: '#D1D5DB',
          400: '#9CA3AF',
          500: '#6B7280',
          600: '#4B5563',
          700: '#374151',
          800: '#1F2937',
          900: '#111827',
        },
        'pink': {
          DEFAULT: '#FD3995',
          100: '#FFDBEC',
          200: '#FECAE3',
          300: '#FEB8D9',
          400: '#FEA6D0',
          500: '#FE94C6',
          600: '#FE82BD',
          700: '#FD71B3',
          800: '#FD5FAA',
          900: '#FD4DA0',
        },
        'purple': {
          DEFAULT: '#AB47BC',
          100: '#F0DEF3',
          200: '#E8CDED',
          300: '#E1BDE7',
          400: '#D9ACE1',
          500: '#D19BDB',
          600: '#CA8BD5',
          700: '#C27ACF',
          800: '#BB6AC9',
          900: '#B359C3',
        },
        'skyblue': {
          DEFAULT: '#0DCAF0',
          100: '#D3F5FC',
          200: '#BEF1FB',
          300: '#A8ECFA',
          400: '#92E7F9',
          500: '#7CE2F7',
          600: '#66DDF6',
          700: '#51D9F5',
          800: '#3BD4F3',
          900: '#25CFF2',
        },
        'dark-green': '#111926',
        'night-blue': '#0F0F41',
        'dark-gray': '#2E2E48',   
        'royal-blue': '#0039C6',
        indigo: '#391694',
        darkaqua: '#116D6E',
        whiterock: '#F0E4D7',
        rockblue: '#8CB9BD',
        bluehaze: '#B5C0D0',
        brightblue:  '#2066FF',
        lunargreen: '#365E32',
        lavendar: '#673AB7',
        magenta: '#E83E8C',
        chromeyellow: '#FF9B04',
        lavared: '#DC2626',
        blackpearl: '#080821',
        maroon: '#710034',
        bluegem: '#3E1C95',
        firefly: '#053333',
        'primary-transparent': '#FEF1EB',
        'secondary-transparent': '#EDF2F4',
        'success-transparent': '#E8FAF0',
        'warning-transparent': '#FFF9E9',
        'danger-transparent': '#FAE7E7',
        'info-transparent': '#EBF4FF',
        'pink-transparent': '#FFEDF6',
        'light-transparent': '#F9FAFE',
        'dark-transparent': '#E8E9EA',
        'teal-transparent': '#E6F9FF',
        'purple-transparent': '#F7EEF9',
        'skyblue-transparent': '#E9FAFE',
        'dark-mode-dark':'#0D0D0D',
        'dark-mode-transparent': '#212324',
        'dark-border':'#1F2228',
      },
      backgroundImage: {
        'primary-gradient': 'linear-gradient(90deg, #FF6F28 0%, #FF5325 100%)',
        'secondary-gradient': 'linear-gradient(180deg, #3B7080 0%, #3D90A9 100%)',
        'success-gradient': 'linear-gradient(180deg, #2DCB73 0%, #0DA952 100%)',
        'info-gradient': 'linear-gradient(180deg, #177DBC 0%, #1A91DB 100%)',
        'warning-gradient': 'linear-gradient(180deg, #FFC107 0%, #FFE8A5 100%)',
        'danger-gradient': 'linear-gradient(180deg, #E70D0D 0%, #810707 100%)',
        'light-gradient': 'linear-gradient(180deg, #F8F9FA 0%, #EDEDED 100%)',
        'dark-gradient': 'linear-gradient(180deg, #F3F6FF 0%, #FFFFFF 100%)',
        'linear-gradient': 'linear-gradient(115.43deg, #FFFFFF 0.45%, #FFF3ED 100%)',
        'striped': 'linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)',
        'primary-gradient-100':' linear-gradient(180deg, #FFFFFF 0%, #FFEEEE 100%)',
        'pink-gradient':'linear-gradient(180deg, #FFFFFF 0%, #FFEBF4 100%)',
        'succcess-gradient-100':'linear-gradient(180deg, #FFFFFF 0%, #E8FFF2 100%)',
        'purple-gradient':' linear-gradient(180deg, #FFFFFF 0%, #FCE8FF 100%)',
        'custom-gradient': 'linear-gradient(180deg, #FFF8F4 0%, #FFFFFF 100%)',
      },
      fontFamily: {
        roboto: ['"Roboto"', 'sans-serif'],
        FontAwesome: ['FontAwesome'],
      },  
      animation: {
        'progress-bar-animated': 'progress-bar-stripes 1s linear infinite',
          ripple: 'ripple 2s infinite',
          pulsate1: 'pulsate1 2s infinite forwards',
      },
      keyframes: {
        'progress-bar-stripes': {
          '0%': { backgroundPosition: '1rem 0' },
          '100%': { backgroundPosition: '0 0' },
        },
        ripple: {
          '0%': {
            boxShadow: '0 0 0 0 rgba(0, 0, 0, 0.1)',
          },
          '100%': {
            boxShadow: '0 0 0 50px rgba(0, 0, 0, 0)',
          },
        },
        pulsate1: {
          '0%': {
            transform: 'scale(0.6)',
            opacity: '1',
            boxShadow: 'inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75)',
          },
          '100%': {
            transform: 'scale(1)',
            opacity: '0',
            boxShadow: 'none',
          },
        },
      },
      justifySelf: ['responsive'],
    },
  },
  variants: {
    extend: {
      backgroundColor: ['disabled'],
      textColor: ['disabled'],
    },
  },
  plugins: [
    require('flowbite/plugin')
  ],
}