import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      colors: {
        // "ink" — deep Adriatic-night navy, used for text and dark surfaces.
        ink: {
          50: "#f5f7f9",
          100: "#e8edf1",
          200: "#cdd8e0",
          300: "#a7b8c4",
          400: "#7c93a3",
          500: "#5c7487",
          600: "#47596b",
          700: "#394856",
          800: "#283440",
          900: "#182028",
          950: "#0d1216",
        },
        // "gold" — sun-baked terracotta, standing in for the old gold accent.
        gold: {
          50: "#fdf4ee",
          100: "#fbe4d3",
          200: "#f6c7a3",
          300: "#eea36e",
          400: "#e37f45",
          500: "#d1652c",
          600: "#b04f22",
          700: "#8c3f1e",
          800: "#71351f",
          900: "#5e2d1c",
        },
        // "forest" — Adriatic sea teal, used for success/confirmed states.
        forest: {
          50: "#eefaf8",
          100: "#d3f1ec",
          200: "#a8e3da",
          300: "#75cec1",
          400: "#46b3a4",
          500: "#2c9686",
          600: "#22796d",
          700: "#1f6259",
          800: "#1d4f48",
          900: "#1a413c",
        },
      },
      fontFamily: {
        display: ["var(--font-display)", "Georgia", "serif"],
        sans: ["var(--font-sans)", "system-ui", "sans-serif"],
      },
      boxShadow: {
        soft: "0 10px 40px -12px rgba(28, 23, 18, 0.25)",
        card: "0 4px 24px -6px rgba(28, 23, 18, 0.15)",
      },
      animation: {
        "fade-up": "fadeUp 0.7s ease-out forwards",
        "fade-in": "fadeIn 0.6s ease-out forwards",
        marquee: "marquee 32s linear infinite",
      },
      keyframes: {
        fadeUp: {
          "0%": { opacity: "0", transform: "translateY(24px)" },
          "100%": { opacity: "1", transform: "translateY(0)" },
        },
        fadeIn: {
          "0%": { opacity: "0" },
          "100%": { opacity: "1" },
        },
        marquee: {
          "0%": { transform: "translateX(0)" },
          "100%": { transform: "translateX(-50%)" },
        },
      },
      maxWidth: {
        "8xl": "90rem",
      },
    },
  },
  plugins: [],
};

export default config;