import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./app/**/*.{ts,tsx}",
    "./components/**/*.{ts,tsx}",
    "./lib/**/*.{ts,tsx}"
  ],
  theme: {
    extend: {
      colors: {
        bordeaux: {
          deep: "var(--bordeaux-deep)",
          ink: "var(--bordeaux-ink)"
        },
        ivory: {
          DEFAULT: "var(--ivory)",
          warm: "var(--ivory-warm)"
        },
        gold: {
          DEFAULT: "var(--gold)",
          pale: "var(--gold-pale)"
        },
        charcoal: "var(--charcoal)",
        sage: "var(--sage)",
        rust: "var(--rust)",
        parchment: "var(--parchment)",
        smoke: "var(--smoke)"
      },
      fontFamily: {
        serif: ["var(--font-cormorant)", "Georgia", "serif"],
        sans: ["var(--font-inter)", "Inter", "sans-serif"],
        mono: ["var(--font-jetbrains)", "ui-monospace", "monospace"]
      },
      boxShadow: {
        vellum: "0 16px 40px rgba(43, 8, 16, 0.08)"
      }
    }
  },
  plugins: []
};

export default config;