- MANUAL-PRODUTO.md: Manual do usuário final - MANUAL-VENDAS.md: Estratégia comercial e vendas - MANUAL-TECNICO.md: Infraestrutura e deploy - README.md: Visão geral do projeto
77 lines
2.4 KiB
TypeScript
77 lines
2.4 KiB
TypeScript
import type { Config } from 'tailwindcss'
|
|
|
|
const config: Config = {
|
|
content: ['./src/**/*.{js,ts,jsx,tsx,mdx}'],
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: '#00D4AA',
|
|
'primary-dark': '#00B894',
|
|
'primary-glow': '#00FFD0',
|
|
accent: '#7C3AED',
|
|
danger: '#FF4757',
|
|
warning: '#FFA502',
|
|
dark: '#0A0E17',
|
|
'dark-card': '#111827',
|
|
'dark-light': '#1E293B',
|
|
'dark-border': '#1F2937',
|
|
},
|
|
fontFamily: {
|
|
sans: ['Inter', 'sans-serif'],
|
|
display: ['Inter', 'sans-serif'],
|
|
},
|
|
animation: {
|
|
'float': 'float 6s ease-in-out infinite',
|
|
'pulse-glow': 'pulseGlow 2s ease-in-out infinite',
|
|
'scan-line': 'scanLine 2s linear infinite',
|
|
'gradient-x': 'gradientX 3s ease infinite',
|
|
'fade-up': 'fadeUp 0.6s ease-out',
|
|
'score-fill': 'scoreFill 1.5s ease-out forwards',
|
|
'shimmer': 'shimmer 2s linear infinite',
|
|
'orbit': 'orbit 20s linear infinite',
|
|
},
|
|
keyframes: {
|
|
float: {
|
|
'0%, 100%': { transform: 'translateY(0px)' },
|
|
'50%': { transform: 'translateY(-20px)' },
|
|
},
|
|
pulseGlow: {
|
|
'0%, 100%': { boxShadow: '0 0 20px rgba(0, 212, 170, 0.3)' },
|
|
'50%': { boxShadow: '0 0 60px rgba(0, 212, 170, 0.6)' },
|
|
},
|
|
scanLine: {
|
|
'0%': { top: '0%' },
|
|
'100%': { top: '100%' },
|
|
},
|
|
gradientX: {
|
|
'0%, 100%': { backgroundPosition: '0% 50%' },
|
|
'50%': { backgroundPosition: '100% 50%' },
|
|
},
|
|
fadeUp: {
|
|
'0%': { opacity: '0', transform: 'translateY(30px)' },
|
|
'100%': { opacity: '1', transform: 'translateY(0)' },
|
|
},
|
|
scoreFill: {
|
|
'0%': { strokeDashoffset: '283' },
|
|
'100%': { strokeDashoffset: 'var(--final-offset)' },
|
|
},
|
|
shimmer: {
|
|
'0%': { backgroundPosition: '-200% 0' },
|
|
'100%': { backgroundPosition: '200% 0' },
|
|
},
|
|
orbit: {
|
|
'0%': { transform: 'rotate(0deg) translateX(150px) rotate(0deg)' },
|
|
'100%': { transform: 'rotate(360deg) translateX(150px) rotate(-360deg)' },
|
|
},
|
|
},
|
|
backgroundImage: {
|
|
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
|
|
'mesh': 'linear-gradient(135deg, #0A0E17 0%, #111827 50%, #0A0E17 100%)',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|
|
export default config
|