tailwind.config.js

module.exports = {
  content: ['./src/**/*.{ts,tsx}', './index.html'],
  darkMode: 'class',
  theme: {
    extend: {
      screens: {
        xm: '360px',
        sm: '375px',
        xsm: '500px',
        xmd: '600px',
        md: '768px',
        lg: '976px',
        mdl: '1240px',
        xl: '1440px',
      },
      colors: {
        primary: '#8667f2',
        secondary: '#173B3F',
        tertiary: '#e6ecff',
        dark: '#202020',
        'light-bg': '#F9F9FB',
        'light-text': '#111827',
        'header-text': '#173B3F',
        'dark-text-fill': '#F3F4F6',
        'dark-bg': '#272728',
        'dark-bg-frame': '#262626',
        'dark-frame-bg': '#020917',
        'dark-tertiary': '#374151',
        'divider-bg': '#E5E7EB',
        'dark-45': '#00000073',
        'border-dark': '#5f5b5b80',
        'light-green': '#D9E4DD',
        'dark-blue': '#122242',
        'dark-light-blue': '#1C3457',
      },
      fontFamily: {
        // poppins: ['Poppins', 'sans-serif'],
        // Inria: ['Inria Serif', 'serif'],
        // josefin: ['Josefin Sans', 'sans-serif'],
        // lexend: ['Lexend Deca', 'sans-serif'],
        // sans: ['PT Serif', 'serif'],
        serif: ['Inter', 'serif'],
      },
      borderRadius: {
        '4xl': '2rem',
      },
      keyframes: {
        wave: {
          '0%': { transform: 'rotate(0.0deg)' },
          '10%': { transform: 'rotate(14deg)' },
          '20%': { transform: 'rotate(-8deg)' },
          '30%': { transform: 'rotate(14deg)' },
          '40%': { transform: 'rotate(-4deg)' },
          '50%': { transform: 'rotate(10.0deg)' },
          '60%': { transform: 'rotate(0.0deg)' },
          '100%': { transform: 'rotate(0.0deg)' },
        },
        'ping-live': {
          '0%': { transform: 'scale(0.8)', opacity: '1' },
          '50%': { transform: 'scale(1)', opacity: '0.7' },
          '100%': { transform: 'scale(0.8)', opacity: '1' },
        },
      },
      animation: {
        'waving-hand': 'wave 10s linear infinite',
        'ping-live': 'ping-live 1.5s ease-in-out infinite',
      },
    },
  },
  plugins: [],
};