/** @type {import('tailwindcss').Config} */
export default {
  content: [
    './resources/**/*.blade.php',
    './resources/**/*.js',
    './resources/**/*.vue',
    './vendor/filament/**/*.blade.php',
  ],
  theme: {
    extend: {
      fontFamily: {
        sans: ['Inter', 'var(--font-family-sans)', 'system-ui', 'sans-serif'],
      },
      colors: {
        primary: {
          50: '#f2f6ff',
          100: '#dfe8ff',
          200: '#b9ceff',
          300: '#89acff',
          400: '#5c84ff',
          500: '#4163ff',
          600: '#2e46db',
          700: '#2436ab',
          800: '#1f2f85',
          900: '#1c2b69',
        },
      },
      backdropBlur: {
        xs: '2px',
      },
    },
  },
  plugins: [
    require('daisyui'),
  ],
  daisyui: {
    themes: [
      {
        kgAdmin: {
          'primary': '#4163ff',
          'primary-focus': '#2e46db',
          'primary-content': '#ffffff',
          'secondary': '#6b21a8',
          'accent': '#00c2a8',
          'neutral': '#1f2933',
          'base-100': '#f9fafb',
          'info': '#2563eb',
          'success': '#10b981',
          'warning': '#f59e0b',
          'error': '#ef4444',
        },
      },
      'dark',
    ],
  },
}