Files
calvana/pledge-now-pay-later/tailwind.config.ts
Omair Saleh ef37ca0c18 Fix payment flexibility quote length and orphan word
- 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
2026-03-04 13:58:42 +08:00

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;