Tailwind CSS: แก้ให้ตรงตาม Corporate Identity ( CI ) ของแบรนด์

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {
      // 1. กำหนดสีประจำบริษัท (Brand Colors)
      colors: {
        brand: {
          primary: '#0055FF',   // สีหลัก
          secondary: '#6C757D', // สีรอง
          accent: '#FFD700',    // สีเน้น
          dark: '#1A1A1A',
          light: '#F8F9FA',
        },
      },
      // 2. กำหนดฟอนต์ (Typography)
      fontFamily: {
        sans: ['"Prompt"', 'sans-serif'], // ฟอนต์หลักของบริษัท
        heading: ['"Kanit"', 'sans-serif'],
      },
      // 3. กำหนดระยะห่างหรือขนาดที่ใช้บ่อย (Spacing/Border Radius)
      borderRadius: {
        'brand': '12px',
      }
    },
  },
  plugins: [],
}

@layer components {
  .btn-primary {
    @apply bg-brand-primary text-white px-6 py-2 rounded-brand hover:bg-opacity-90 transition-all;
  }
}