Files

85 lines
2.3 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: {
/* Burgundy — primary brand (from Kött Gård logo) */
brand: {
50: '#fdf5f5',
100: '#fce8e8',
200: '#f5cfcf',
300: '#e8a8a8',
400: '#d47070',
500: '#c04040',
600: '#a32b2b',
700: '#8B1F1F',
800: '#6E1818',
900: '#521212',
950: '#2D0A0A',
},
/* Warm cream — logo background tone */
cream: {
50: '#FDFAF8',
100: '#FAF5F0',
200: '#F5EDE4',
300: '#EDE0D4',
400: '#E0CFC0',
},
gold: {
50: '#fffbeb',
100: '#fef3c7',
200: '#fde68a',
300: '#fcd34d',
400: '#f0c040',
500: '#D4A843',
600: '#B8892A',
700: '#92700c',
800: '#78590a',
900: '#633f06',
},
},
fontFamily: {
sans: ['var(--font-inter)', 'system-ui', 'sans-serif'],
display: ['var(--font-playfair)', 'Georgia', 'serif'],
},
boxShadow: {
premium: '0 4px 24px -4px rgba(139, 31, 31, 0.12)',
'premium-lg': '0 8px 40px -8px rgba(139, 31, 31, 0.18)',
gold: '0 4px 20px -4px rgba(212, 168, 67, 0.35)',
},
animation: {
'fade-in': 'fadeIn 0.5s ease-out',
'slide-up': 'slideUp 0.5s ease-out',
'trust-marquee': 'trustMarquee 28s linear infinite',
'trust-marquee-rtl': 'trustMarqueeRtl 28s linear infinite',
},
keyframes: {
fadeIn: {
'0%': { opacity: '0' },
'100%': { opacity: '1' },
},
slideUp: {
'0%': { opacity: '0', transform: 'translateY(20px)' },
'100%': { opacity: '1', transform: 'translateY(0)' },
},
trustMarquee: {
'0%': { transform: 'translateX(0)' },
'100%': { transform: 'translateX(-50%)' },
},
trustMarqueeRtl: {
'0%': { transform: 'translateX(0)' },
'100%': { transform: 'translateX(50%)' },
},
},
},
},
plugins: [],
};
export default config;