/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {
      fontFamily: {
        inter: ['Inter', 'sans-serif'],
        baijam: ['Bai Jamjuree', 'sans-serif'],
      },
      colors: {
        'gold-accent': '#C28818',
        'gold-light': '#E6C674',
        'gold-dark': '#8C6B1F',
        'gold-gradient-light': '#FACC97',
        'gold-gradient-dark': '#54330F',
        'custom-bglight': '#1C1C1F',
        'custom-bgdark': '#06060B',
        'text-gold': '#FACC97',
        'gray-bg': '#1C1C1C',
      },
      screens: {
        1920: "1921px",
      },
      backgroundImage: {
        "hero-pattern": "url('./src/assets/HeroImg.svg')",
      },
    },
  },
  plugins: [
    function ({ addUtilities }) {
      addUtilities(
        {
          ".padding-calc": {
            "padding-left": "calc((100vw - 1920px)/2)",
            "padding-right": "calc((100vw - 1920px)/2)",
          },
          ".margin-calc": {
            "margin-left": "calc((100vw - 1920px)/2)",
            "margin-right": "calc((100vw - 1920px)/2)",
          },
        },
        ["responsive"]
      );
    },
  ],
};