- Shorten quote 03 from 'Can I split it across a few months?' to 'Can I pay monthly?' for column symmetry - Add nbsp between 'money' and 'arriving' to prevent orphan line break
86 lines
2.5 KiB
TypeScript
86 lines
2.5 KiB
TypeScript
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: {
|
|
background: "hsl(var(--background))",
|
|
foreground: "hsl(var(--foreground))",
|
|
card: {
|
|
DEFAULT: "hsl(var(--card))",
|
|
foreground: "hsl(var(--card-foreground))",
|
|
},
|
|
popover: {
|
|
DEFAULT: "hsl(var(--popover))",
|
|
foreground: "hsl(var(--popover-foreground))",
|
|
},
|
|
primary: {
|
|
DEFAULT: "hsl(var(--primary))",
|
|
foreground: "hsl(var(--primary-foreground))",
|
|
},
|
|
secondary: {
|
|
DEFAULT: "hsl(var(--secondary))",
|
|
foreground: "hsl(var(--secondary-foreground))",
|
|
},
|
|
muted: {
|
|
DEFAULT: "hsl(var(--muted))",
|
|
foreground: "hsl(var(--muted-foreground))",
|
|
},
|
|
accent: {
|
|
DEFAULT: "hsl(var(--accent))",
|
|
foreground: "hsl(var(--accent-foreground))",
|
|
},
|
|
destructive: {
|
|
DEFAULT: "hsl(var(--destructive))",
|
|
foreground: "hsl(var(--destructive-foreground))",
|
|
},
|
|
border: "hsl(var(--border))",
|
|
input: "hsl(var(--input))",
|
|
ring: "hsl(var(--ring))",
|
|
// Brand colors — named by psychology, not appearance
|
|
midnight: "#111827",
|
|
"promise-blue": "#1e40af",
|
|
"generosity-gold": "#f59e0b",
|
|
"fulfilled-green": "#16a34a",
|
|
"alert-red": "#dc2626",
|
|
paper: "#f9fafb",
|
|
// Legacy aliases (used across codebase)
|
|
"trust-blue": "#1e40af",
|
|
"warm-amber": "#f59e0b",
|
|
"success-green": "#16a34a",
|
|
"danger-red": "#dc2626",
|
|
},
|
|
borderRadius: {
|
|
lg: "var(--radius)",
|
|
md: "calc(var(--radius) - 2px)",
|
|
sm: "calc(var(--radius) - 4px)",
|
|
},
|
|
fontFamily: {
|
|
sans: ["Inter", "system-ui", "sans-serif"],
|
|
},
|
|
keyframes: {
|
|
'gallery-slide': {
|
|
'0%': { transform: 'translateX(100%)' },
|
|
'100%': { transform: 'translateX(0%)' },
|
|
},
|
|
'gallery-zoom': {
|
|
'0%': { transform: 'scale(1)' },
|
|
'100%': { transform: 'scale(1.1)' },
|
|
},
|
|
},
|
|
animation: {
|
|
'gallery-slide': 'gallery-slide 650ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards',
|
|
'gallery-zoom': 'gallery-zoom 3500ms ease-out forwards',
|
|
},
|
|
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|
|
export default config;
|