tailwind.config.js

module.exports = {
  content: ['./src/**/*.{js,jsx,ts,tsx,scss,css}'],
  extend: {
    colors: {
      'background': 'hsl(var(--background))',
      'foreground': 'hsl(var(--foreground))',

      'card': 'hsl(var(--card))',
      'card-foreground': 'hsl(var(--card-foreground))',

      'primary': 'hsl(var(--primary))',
      'primary-foreground': 'hsl(var(--primary-foreground))',

      'secondary': 'hsl(var(--secondary))',
      'secondary-foreground': 'hsl(var(--secondary-foreground))',

      'muted': 'hsl(var(--muted))',
      'muted-foreground': 'hsl(var(--muted-foreground))',

      'accent': 'hsl(var(--accent))',
      'accent-foreground': 'hsl(var(--accent-foreground))',

      'danger': 'hsl(var(--danger))',
      'danger-foreground': 'hsl(var(--danger-foreground))',

      'border': 'hsl(var(--border))',
      'input': 'hsl(var(--input))',
      'ring': 'hsl(var(--ring))',
    },
  },
  plugins: [],
}