Spaces:
Sleeping
Sleeping
| /** @type {import('tailwindcss').Config} */ | |
| export default { | |
| content: [ | |
| "./index.html", | |
| "./src/**/*.{vue,js,ts,jsx,tsx}", | |
| "./components/**/*.{vue,js,ts,jsx,tsx}" | |
| ], | |
| theme: { | |
| extend: { | |
| colors: { | |
| // SAAP Primary Colors | |
| 'saap-primary': { | |
| 50: '#EFF6FF', | |
| 100: '#DBEAFE', | |
| 200: '#BFDBFE', | |
| 300: '#93C5FD', | |
| 400: '#60A5FA', | |
| 500: '#3B82F6', | |
| 600: '#2563EB', // Core Primary | |
| 700: '#1D4ED8', | |
| 800: '#1E40AF', | |
| 900: '#1E3A8A', | |
| }, | |
| // SAAP Secondary Colors | |
| 'saap-secondary': { | |
| 50: '#F0FDF4', | |
| 100: '#DCFCE7', | |
| 200: '#BBF7D0', | |
| 300: '#86EFAC', | |
| 400: '#4ADE80', | |
| 500: '#22C55E', | |
| 600: '#16A34A', // Core Secondary | |
| 700: '#15803D', | |
| 800: '#166534', | |
| 900: '#14532D', | |
| }, | |
| // SAAP Accent Colors | |
| 'saap-accent': { | |
| 50: '#FFF7ED', | |
| 100: '#FFEDD5', | |
| 200: '#FED7AA', | |
| 300: '#FDBA74', | |
| 400: '#FB923C', | |
| 500: '#F97316', // Core Accent | |
| 600: '#EA580C', | |
| 700: '#C2410C', | |
| 800: '#9A3412', | |
| 900: '#7C2D12', | |
| }, | |
| // SAAP Gray Colors - FIX für CSS Fehler | |
| 'saap-gray': { | |
| 50: '#F9FAFB', | |
| 100: '#F3F4F6', | |
| 200: '#E5E7EB', | |
| 300: '#D1D5DB', | |
| 400: '#9CA3AF', | |
| 500: '#6B7280', | |
| 600: '#4B5563', | |
| 700: '#374151', | |
| 800: '#1F2937', | |
| 900: '#111827', | |
| }, | |
| // Agent-Specific Colors | |
| 'agent': { | |
| 'jane': '#8B5CF6', // Purple - Lead Coordinator | |
| 'john': '#14B8A6', // Teal - Developer | |
| 'lara': '#EC4899', // Pink - Medical Expert | |
| 'justus': '#F59E0B', // Gold - Legal Expert | |
| 'theo': '#EF4444', // Red - Finance | |
| 'leon': '#10B981', // Emerald - System | |
| 'luna': '#8B5A2B', // Brown - Coaching | |
| } | |
| }, | |
| fontFamily: { | |
| 'sans': ['Inter', 'system-ui', '-apple-system', 'sans-serif'], | |
| 'mono': ['Fira Code', 'Monaco', 'Cascadia Code', 'monospace'], | |
| }, | |
| fontSize: { | |
| 'xs': '0.75rem', // 12px | |
| 'sm': '0.875rem', // 14px | |
| 'base': '1rem', // 16px | |
| 'lg': '1.125rem', // 18px | |
| 'xl': '1.25rem', // 20px | |
| '2xl': '1.5rem', // 24px | |
| '3xl': '1.875rem', // 30px | |
| '4xl': '2.25rem', // 36px | |
| '5xl': '3rem', // 48px | |
| }, | |
| spacing: { | |
| '1': '0.25rem', // 4px | |
| '2': '0.5rem', // 8px | |
| '3': '0.75rem', // 12px | |
| '4': '1rem', // 16px | |
| '5': '1.25rem', // 20px | |
| '6': '1.5rem', // 24px | |
| '8': '2rem', // 32px | |
| '10': '2.5rem', // 40px | |
| '12': '3rem', // 48px | |
| '16': '4rem', // 64px | |
| '20': '5rem', // 80px | |
| }, | |
| boxShadow: { | |
| 'sm': '0 1px 2px 0 rgba(0, 0, 0, 0.05)', | |
| 'base': '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)', | |
| 'md': '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)', | |
| 'lg': '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)', | |
| 'xl': '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)', | |
| }, | |
| borderRadius: { | |
| 'sm': '0.125rem', // 2px | |
| 'base': '0.25rem', // 4px | |
| 'md': '0.375rem', // 6px | |
| 'lg': '0.5rem', // 8px | |
| 'xl': '0.75rem', // 12px | |
| 'full': '9999px', | |
| }, | |
| transitionDuration: { | |
| 'fast': '150ms', | |
| 'base': '200ms', | |
| 'slow': '300ms', | |
| }, | |
| transitionTimingFunction: { | |
| 'smooth': 'cubic-bezier(0.4, 0, 0.2, 1)', | |
| } | |
| }, | |
| }, | |
| plugins: [ | |
| // Add Tailwind plugins here if needed | |
| // require('@tailwindcss/forms'), | |
| // require('@tailwindcss/typography'), | |
| ], | |
| } |