81 lines
2.3 KiB
TypeScript
81 lines
2.3 KiB
TypeScript
import type { Config } from "tailwindcss";
|
|
|
|
// ── Storybook Farm brand palette ───────────────────────────────────────────────
|
|
// Derived directly from the organization logo:
|
|
// Forest green → "STORYBOOK FARM" text ≈ #2B5016
|
|
// Warm gold → curved motto text ≈ #C4952A
|
|
|
|
const green = {
|
|
50: "#f1f8ec",
|
|
100: "#daefd0",
|
|
200: "#b5dfa1",
|
|
300: "#8bcb6d",
|
|
400: "#63b43e",
|
|
500: "#4a9528",
|
|
600: "#3a771f",
|
|
700: "#2b5916", // ← primary brand green (logo match)
|
|
800: "#1e3f10",
|
|
900: "#12270a",
|
|
950: "#091406",
|
|
};
|
|
|
|
const gold = {
|
|
50: "#fdf8ed",
|
|
100: "#faeed0",
|
|
200: "#f4da99",
|
|
300: "#ecc45e",
|
|
400: "#e4ae32",
|
|
500: "#c4952a", // ← primary brand gold (logo match)
|
|
600: "#a37820",
|
|
700: "#815d19",
|
|
800: "#614513",
|
|
900: "#422e0e",
|
|
950: "#221708",
|
|
};
|
|
|
|
export default {
|
|
content: ["./index.html", "./src/**/*.{ts,tsx}"],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
brand: green,
|
|
gold,
|
|
},
|
|
fontFamily: {
|
|
sans: [
|
|
"Inter",
|
|
"ui-sans-serif",
|
|
"system-ui",
|
|
"-apple-system",
|
|
"BlinkMacSystemFont",
|
|
"Segoe UI",
|
|
"sans-serif",
|
|
],
|
|
},
|
|
borderRadius: {
|
|
"2xl": "1rem",
|
|
"3xl": "1.5rem",
|
|
},
|
|
boxShadow: {
|
|
card: "0 1px 3px 0 rgb(0 0 0 / 0.08), 0 1px 2px -1px rgb(0 0 0 / 0.06)",
|
|
"card-lg": "0 4px 12px 0 rgb(0 0 0 / 0.08), 0 2px 4px -2px rgb(0 0 0 / 0.06)",
|
|
"bid-btn": "0 4px 16px 0 rgb(43 89 22 / 0.35)",
|
|
},
|
|
screens: {
|
|
xs: "390px",
|
|
},
|
|
keyframes: {
|
|
"fade-in": { from: { opacity: "0", transform: "translateY(6px)" }, to: { opacity: "1", transform: "translateY(0)" } },
|
|
"slide-up": { from: { opacity: "0", transform: "translateY(20px)" }, to: { opacity: "1", transform: "translateY(0)" } },
|
|
"pulse-green": { "0%, 100%": { backgroundColor: "rgb(43 89 22 / 0.1)" }, "50%": { backgroundColor: "rgb(43 89 22 / 0.25)" } },
|
|
},
|
|
animation: {
|
|
"fade-in": "fade-in 0.2s ease-out",
|
|
"slide-up": "slide-up 0.3s ease-out",
|
|
"pulse-green": "pulse-green 1.5s ease-in-out infinite",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
} satisfies Config;
|