/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {
      screens: {
        1920: "1921px",
      },
      colors: {
        "custom-bglight": "#1C1C1F",
        "custom-bgdark": "#06060B",
        "text-gold": "#FACC97",
        "gold-light": "#FACC97",
        "gold-dark": "#54330F",
        "gold-mid": "#C9924F",
        "gray-bg": "#1C1C1C",
        surface: "rgba(255, 255, 255, 0.04)",
        "surface-border": "rgba(250, 204, 151, 0.14)",
      },
      fontFamily: {
        baijam: ['"Bai Jamjuree"', "sans-serif"],
      },
      boxShadow: {
        glass: "0 1px 1px rgba(250, 204, 151, 0.08), 0 20px 60px -20px rgba(0, 0, 0, 0.6)",
        "glass-lg": "0 1px 1px rgba(250, 204, 151, 0.1), 0 30px 90px -20px rgba(0, 0, 0, 0.7)",
        "gold-glow": "0 8px 30px -8px rgba(250, 204, 151, 0.35)",
      },
      backdropBlur: {
        xs: "2px",
      },
    },
  },
  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"]
      );
    },
  ],
};