/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./app/**/*.{js,jsx,ts,tsx}", "./components/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {
      colors: {
        paper: "#fdf6e3",
        "paper-dark": "#f0e8d0",
        lines: "#ddd0b5",
        margin: "#e88080",
        ink: "#2c1a0e",
        leather: "#2c1a0e",
        "leather-mid": "#3d2b1f",
        "leather-light": "#5c4033",
        tab: "#8b5e3c",
        "tab-light": "#b8875f",
        gold: "#d4a843",
      },
      fontFamily: {
        serif: ["Georgia", '"Times New Roman"', "serif"],
        display: ['"Playfair Display"', "Georgia", "serif"],
      },
      backgroundImage: {
        "lined-paper": `
          linear-gradient(90deg, transparent 3.5rem, #e88080 3.5rem, #e88080 calc(3.5rem + 1px), transparent calc(3.5rem + 1px)),
          repeating-linear-gradient(to bottom, transparent 0, transparent 29px, #ddd0b5 29px, #ddd0b5 30px)
        `,
      },
    },
  },
  plugins: [],
};