module.exports = {
  content: ["./index.html", "./src/**/*.{ts,tsx}"],
  theme: {
    extend: {
      colors: {
        canvas: "#f6f4ee",
        ink: "#171614",
        mist: "#ded7cb",
        ember: "#9d5c3d",
        pine: "#26413c",
        slate: "#42515b",
      },
      boxShadow: {
        card: "0 20px 60px rgba(23, 22, 20, 0.08)",
      },
      borderRadius: {
        panel: "1.5rem",
      },
      fontFamily: {
        sans: ["'IBM Plex Sans'", "ui-sans-serif", "system-ui", "sans-serif"],
      },
    },
  },
  plugins: [],
};