// ABOUTME: Tailwind CSS configuration for NativeWind v4
// ABOUTME: Defines theme colors matching Pierre design system and content paths
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./App.{js,jsx,ts,tsx}",
"./src/**/*.{js,jsx,ts,tsx}",
],
presets: [require('nativewind/preset')],
theme: {
extend: {
colors: {
// Pierre Design System Colors
primary: {
50: '#f0f9ff',
100: '#e0f2fe',
200: '#bae6fd',
300: '#7dd3fc',
400: '#38bdf8',
500: '#0ea5e9',
600: '#0284c7',
700: '#0369a1',
800: '#075985',
900: '#0c4a6e',
950: '#082f49',
},
background: {
primary: '#0f0f0f',
secondary: '#1a1a1a',
tertiary: '#2a2a2a',
elevated: '#333333',
},
text: {
primary: '#ffffff',
secondary: '#a1a1a1',
tertiary: '#6b6b6b',
accent: '#0ea5e9',
},
border: {
subtle: '#2a2a2a',
default: '#3a3a3a',
strong: '#4a4a4a',
},
success: '#22c55e',
warning: '#f59e0b',
error: '#ef4444',
},
fontFamily: {
sans: ['System', 'sans-serif'],
mono: ['Menlo', 'monospace'],
},
},
},
plugins: [],
};
