import defaultTheme from 'tailwindcss/defaultTheme';
import forms from '@tailwindcss/forms';

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
    './storage/framework/views/*.php',
    './resources/views/**/*.blade.php',
    './resources/js/**/*.jsx',
    './resources/js/**/**/*.jsx',
    // ==================================================================
    // TAMBAHKAN BARIS INI: Beri tahu Tailwind untuk memindai Controller
    // ==================================================================
    './app/Http/Controllers/**/*.php',
  ],

  theme: {
    extend: {
      fontFamily: {
        sans: ['Figtree', ...defaultTheme.fontFamily.sans],
      },

      // Menambahkan tema warna sesuai yang diinginkan
      colors: {
        red: {
          primary: '#c90404',
          primaryHover: '#a10303',
          gradientFrom: '#f23d3d',
          gradientTo: '#c90404',
          text: '#c90404',
          activeBg: '#a10303',
          submenuHoverBg: '#a10303',
          submenuHoverBgDarker: '#7d0202',
          badgeBg: '#fddcdc',
          badgeText: '#c90404',
          copyrightBg: '#c90404',
          shadowColor: '#fbc6c6',
          ringColor: '#d95353',
          borderColor: '#c90404',
        },
        green: {
          primary: '#2d6a4f',
          primaryHover: '#238a53',
          gradientFrom: '#1b5e20',
          gradientTo: '#388e3c',
          text: '#2d6a4f',
          activeBg: '#238a53',
          submenuHoverBg: '#238a53',
          submenuHoverBgDarker: '#1b5e20',
          badgeBg: '#d8f8d1',
          badgeText: '#2d6a4f',
          copyrightBg: '#2d6a4f',
          shadowColor: '#a8e6c8',
          ringColor: '#4caf50',
          borderColor: '#2d6a4f',
        },
        lightblue: {
          primary: '#2196f3',
          primaryHover: '#1976d2',
          gradientFrom: '#03a9f4',
          gradientTo: '#0288d1',
          text: '#2196f3',
          activeBg: '#1976d2',
          submenuHoverBg: '#1976d2',
          submenuHoverBgDarker: '#0288d1',
          badgeBg: '#b3e5fc',
          badgeText: '#2196f3',
          copyrightBg: '#2196f3',
          shadowColor: '#81d4fa',
          ringColor: '#2196f3',
          borderColor: '#2196f3',
        },
        darkblue: {
          primary: '#003366',
          primaryHover: '#002244',
          gradientFrom: '#01579b',
          gradientTo: '#0288d1',
          text: '#003366',
          activeBg: '#002244',
          submenuHoverBg: '#002244',
          submenuHoverBgDarker: '#001e2d',
          badgeBg: '#c8e6fc',
          badgeText: '#003366',
          copyrightBg: '#003366',
          shadowColor: '#3b8cc3',
          ringColor: '#1976d2',
          borderColor: '#003366',
        },
        orange: {
          primary: '#ff9800',
          primaryHover: '#fb8c00',
          gradientFrom: '#ff5722',
          gradientTo: '#f57c00',
          text: '#ff9800',
          activeBg: '#fb8c00',
          submenuHoverBg: '#fb8c00',
          submenuHoverBgDarker: '#f57c00',
          badgeBg: '#ffcc80',
          badgeText: '#ff9800',
          copyrightBg: '#ff9800',
          shadowColor: '#ffb74d',
          ringColor: '#ff9800',
          borderColor: '#ff9800',
        },
        gray: {
          primary: '#212121',
          primaryHover: '#424242',
          gradientFrom: '#757575',
          gradientTo: '#616161',
          text: '#212121',
          activeBg: '#424242',
          submenuHoverBg: '#424242',
          submenuHoverBgDarker: '#303030',
          badgeBg: '#f5f5f5',
          badgeText: '#212121',
          copyrightBg: '#212121',
          shadowColor: '#bdbdbd',
          ringColor: '#757575',
          borderColor: '#212121',
        },
      },
    },
  },

  plugins: [forms],
};
