Aarthalabs-Frontend/tailwind.config.ts
2026-07-08 16:29:41 +05:30

41 lines
1.0 KiB
TypeScript

import type { Config } from "tailwindcss";
const config: Config = {
darkMode: "class",
content: ["./app/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./lib/**/*.{ts,tsx}"],
theme: {
extend: {
colors: {
ink: "#10231D",
forest: "#0F6E56",
mint: "#1D9E75",
cream: "#F6F0E7",
paper: "#FFFDF8",
saffron: "#E8A23A",
coral: "#E56A54",
indigo: "#7F77DD"
},
boxShadow: {
soft: "0 24px 80px rgba(16, 35, 29, 0.12)",
lift: "0 14px 36px rgba(15, 110, 86, 0.16)"
},
fontFamily: {
sans: ["var(--font-inter)", "Inter", "system-ui", "sans-serif"],
display: ["var(--font-display)", "Georgia", "serif"]
},
keyframes: {
fadeUp: {
"0%": { opacity: "0", transform: "translateY(12px)" },
"100%": { opacity: "1", transform: "translateY(0)" }
}
},
animation: {
fadeUp: "fadeUp .55s ease both"
}
}
},
plugins: []
};
export default config;