102 lines
2.6 KiB
JavaScript
102 lines
2.6 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
|
|
module.exports = {
|
|
content: [
|
|
'./index.html',
|
|
'./src/**/*.{js,ts,jsx,tsx}',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// Parchment palette
|
|
parchment: {
|
|
light: '#F4E4BC',
|
|
DEFAULT: '#E8D5B7',
|
|
dark: '#D4C0A4',
|
|
},
|
|
// Forest palette
|
|
forest: {
|
|
light: '#3D6B1F',
|
|
DEFAULT: '#2D5016',
|
|
dark: '#1F3A0E',
|
|
},
|
|
// Gold palette
|
|
gold: {
|
|
light: '#FFD700',
|
|
DEFAULT: '#DAA520',
|
|
dark: '#B8860B',
|
|
},
|
|
// Status colors
|
|
ready: '#10B981',
|
|
'in-progress': '#F59E0B',
|
|
blocked: '#EF4444',
|
|
pending: '#8B7355',
|
|
// Dark magic
|
|
'dark-magic': '#C7254E',
|
|
text: {
|
|
primary: '#1A1F2E',
|
|
secondary: '#4B5563',
|
|
light: '#E8E8E8',
|
|
},
|
|
background: {
|
|
primary: '#F4E4BC',
|
|
secondary: '#E8D5B7',
|
|
tertiary: '#D4C0A4',
|
|
},
|
|
},
|
|
fontFamily: {
|
|
epic: ['Cinzel', 'serif'],
|
|
readable: ['Lora', 'serif'],
|
|
system: ['-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'],
|
|
},
|
|
fontSize: {
|
|
epic: ['3.5rem', { lineHeight: '1.1', fontWeight: '700' }],
|
|
'2xl': ['2.8rem', { lineHeight: '1.2', fontWeight: '700' }],
|
|
'3xl': ['2rem', { lineHeight: '1.3', fontWeight: '600' }],
|
|
},
|
|
spacing: {
|
|
xs: '0.25rem',
|
|
sm: '0.5rem',
|
|
md: '1rem',
|
|
lg: '1.5rem',
|
|
xl: '2rem',
|
|
xxl: '3rem',
|
|
xxxl: '4rem',
|
|
},
|
|
borderRadius: {
|
|
sm: '0.25rem',
|
|
md: '0.5rem',
|
|
lg: '1rem',
|
|
xl: '1.5rem',
|
|
full: '9999px',
|
|
},
|
|
boxShadow: {
|
|
epic: '0 20px 40px -10px rgba(199, 37, 78, 0.3)',
|
|
gold: '0 0 20px rgba(218, 165, 32, 0.5)',
|
|
},
|
|
animation: {
|
|
fadeIn: 'fadeIn 300ms ease-in',
|
|
slideInUp: 'slideInUp 500ms ease-out',
|
|
scaleIn: 'scaleIn 400ms ease-out',
|
|
pulse: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
|
|
bounce: 'bounce 1s infinite',
|
|
},
|
|
keyframes: {
|
|
fadeIn: {
|
|
'0%': { opacity: '0' },
|
|
'100%': { opacity: '1' },
|
|
},
|
|
slideInUp: {
|
|
'0%': { transform: 'translateY(30px)', opacity: '0' },
|
|
'100%': { transform: 'translateY(0)', opacity: '1' },
|
|
},
|
|
scaleIn: {
|
|
'0%': { transform: 'scale(0.95)', opacity: '0' },
|
|
'100%': { transform: 'scale(1)', opacity: '1' },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|