import type { Config } from "tailwindcss";

export default {
  content: ["./src/**/*.{ts,tsx}"],
  theme: {
    extend: {
      colors: {
        ink: "#1E1914",      // warm brown-black, body text
        paper: "#FFFFFF",    // page
        linen: "#F3ECE3",    // image wells, quiet panels (taken from the embossed logo paper)
        sand: "#E3D4C2",     // borders on light panels
        gilt: "#A57A32",     // the logo's gold, used for small emphasis only
        stone: "#7D7268",    // secondary text
        rose: "#8C3B2E",     // errors / overdue
      },
      fontFamily: {
        display: ["'Cormorant Garamond'", "Garamond", "'Times New Roman'", "serif"],
        sans: ["'Jost'", "'Helvetica Neue'", "Arial", "sans-serif"],
      },
      fontSize: {
        micro: ["0.6875rem", { lineHeight: "1rem", letterSpacing: "0.08em" }],
      },
      aspectRatio: { portrait: "2000 / 2386", tall: "1515 / 2285", hero: "3600 / 4500" },
      transitionTimingFunction: { silk: "cubic-bezier(.22,.61,.36,1)" },
    },
  },
  plugins: [],
} satisfies Config;