tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,jsx}"],
  theme: {
    extend: {
      fontFamily: {
        display: ["Fraunces", "Georgia", "serif"],
        body: ["Inter", "ui-sans-serif", "system-ui", "sans-serif"],
      },
      colors: {
        cream: "#fff4d8",
        butter: "#f7d99b",
        amber: "#d9913d",
        moss: "#75885b",
        leaf: "#91a56d",
        timber: "#8a5a36",
        walnut: "#4c2f20",
        ink: "#392b22",
      },
      boxShadow: {
        story: "0 26px 60px rgba(72, 43, 21, 0.24), 0 8px 0 rgba(85, 51, 28, 0.16)",
        room: "inset 0 1px 0 rgba(255,255,255,.55), inset 0 -16px 28px rgba(92,58,31,.13), 0 24px 42px rgba(79,46,25,.20)",
      },
    },
  },
  plugins: [],
};