Files
gridpilot.gg/apps/website/tailwind.config.js
2025-12-02 19:44:18 +01:00

46 lines
1.3 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'./app/**/*.{js,ts,jsx,tsx,mdx}',
'./components/**/*.{js,ts,jsx,tsx,mdx}',
],
theme: {
extend: {
colors: {
'deep-graphite': '#0E0F11',
'iron-gray': '#181B1F',
'charcoal-outline': '#22262A',
'primary-blue': '#198CFF',
'performance-green': '#6FE37A',
'warning-amber': '#FFC556',
'neon-aqua': '#43C9E6',
'racing-red': '#E31E24',
'carbon-black': '#0A0A0A',
'metallic-silver': '#C0C0C8',
},
fontFamily: {
sans: ['Inter', 'system-ui', 'sans-serif'],
},
boxShadow: {
'glow': '0 0 20px rgba(25, 140, 255, 0.3)',
'glow-strong': '0 0 28px rgba(25, 140, 255, 0.5)',
'card': '0 8px 24px rgba(0, 0, 0, 0.12)',
'racing': '0 4px 16px rgba(227, 30, 36, 0.15)',
},
transitionTimingFunction: {
'spring': 'cubic-bezier(0.34, 1.56, 0.64, 1)',
'speed': 'cubic-bezier(0.22, 1, 0.36, 1)',
},
animation: {
'speed-pulse': 'speed-pulse 2s ease-in-out infinite',
},
keyframes: {
'speed-pulse': {
'0%, 100%': { opacity: '0.5' },
'50%': { opacity: '1' },
},
},
},
},
plugins: [],
}