import type { Config } from "tailwindcss";

const config: Config = {
  content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
  theme: {
    extend: {
      colors: {
        kiln: {
          black: "#090807",
          graphite: "#181715",
          iron: "#2a2825",
          milk: "#f4ede1",
          paper: "#d8c6a4",
          brass: "#b28b54",
          ember: "#d84a22",
          flame: "#f07a28"
        }
      },
      fontFamily: {
        sans: ["var(--font-montserrat)", "sans-serif"],
        display: ["var(--font-montserrat)", "sans-serif"]
      },
      boxShadow: {
        ember: "0 0 40px rgba(216, 74, 34, 0.26)"
      }
    }
  },
  plugins: []
};

export default config;