61 lines
2.0 KiB
JavaScript
61 lines
2.0 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ['Sarabun', 'sans-serif'],
|
|
heading: ['Prompt', 'sans-serif'],
|
|
serif: ['ui-serif', 'Georgia', 'Cambria', '"Times New Roman"', 'Times', 'Prompt', 'serif'],
|
|
'sans-ja': ['"Noto Sans JP"', 'sans-serif'],
|
|
'sans-zh': ['"Noto Sans SC"', 'sans-serif'],
|
|
'sans-ko': ['"Noto Sans KR"', 'sans-serif'],
|
|
},
|
|
colors: {
|
|
pop: {
|
|
pink: "var(--color-pop-pink, #FF6B6B)",
|
|
yellow: "var(--color-pop-yellow, #FFF200)",
|
|
orange: "var(--color-pop-orange, #FFA07A)",
|
|
red: "var(--color-pop-red, #FF4500)",
|
|
cyan: "var(--color-pop-cyan, #E0FFFF)",
|
|
green: "var(--color-pop-green, #98FB98)",
|
|
purple: "var(--color-pop-purple, #D8BFD8)",
|
|
bg: "var(--color-pop-bg, #FFF0F5)",
|
|
black: "var(--color-pop-black, #333333)",
|
|
},
|
|
night: {
|
|
900: "var(--color-night-900, #111827)",
|
|
},
|
|
cyan: {
|
|
glow: "var(--color-cyan-glow, #06b6d4)",
|
|
},
|
|
spa: {
|
|
light: "var(--color-spa-light, #FDFDF9)", // Off-white/Cream
|
|
sage: "var(--color-spa-sage, #EAEFEA)", // Soft Sage Green
|
|
stone: "var(--color-spa-stone, #4B4B46)", // Dark Stone Gray
|
|
forest: "var(--color-spa-forest, #1F3D2D)", // Deep Forest Green
|
|
gold: "var(--color-spa-gold, #D4AF37)", // Elegant Gold
|
|
}
|
|
},
|
|
boxShadow: {
|
|
'brutal': '0 10px 25px rgba(0,0,0,0.05)',
|
|
'brutal-hover': '0 20px 40px rgba(0,0,0,0.1)',
|
|
},
|
|
animation: {
|
|
'pop-in': 'fade-in-up 0.6s ease-out forwards',
|
|
'spin-slow': 'spin 15s linear infinite',
|
|
},
|
|
keyframes: {
|
|
'fade-in-up': {
|
|
'0%': { opacity: '0', transform: 'translateY(20px)' },
|
|
'100%': { opacity: '1', transform: 'translateY(0)' },
|
|
},
|
|
}
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|