import type { Config } from 'tailwindcss';

// Palet Belalang Dewa — jamu warisan lelaki.
// Gelap, hangat, "apothecary" tradisional. Bukan template SaaS.
const config: Config = {
  content: ['./app/**/*.{ts,tsx}', './components/**/*.{ts,tsx}'],
  theme: {
    extend: {
      colors: {
        arang:  '#17110D', // latar utama — coklat-hitam hangat
        arang2: '#241A13', // lapisan kedua
        bara:   '#7A1B12', // merah bara (BS Legacy)
        emas:   '#C08A2E', // emas tua
        kunyit: '#E6B455', // emas cerah (highlight)
        kapur:  '#EFE6D6', // teks terang
        herba:  '#3C5A3F', // hijau herba
      },
      fontFamily: {
        tajuk: ['Fraunces', 'Georgia', 'serif'],
        teks:  ['"Plus Jakarta Sans"', 'system-ui', 'sans-serif'],
      },
      maxWidth: { baca: '34rem' },
      keyframes: {
        naik: { '0%': { opacity: '0', transform: 'translateY(14px)' }, '100%': { opacity: '1', transform: 'translateY(0)' } },
        denyut: { '0%,100%': { opacity: '1' }, '50%': { opacity: '.35' } },
      },
      animation: {
        naik: 'naik .4s ease-out both',
        denyut: 'denyut 1.6s ease-in-out infinite',
      },
    },
  },
  plugins: [],
};
export default config;