/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./app/**/*.{js,jsx,ts,tsx}",
    "./components/**/*.{js,jsx,ts,tsx}",
  ],
  presets: [require("nativewind/preset")],
  theme: {
    extend: {
      colors: {
        // Brand
        primary: '#6366F1',
        primaryDim: '#6366F115',
        
        // Backgrounds
        bgDark: '#09090B',
        bgLight: '#FFFFFF',
        cardDark: '#18181B',
        cardLight: '#F4F4F5',
        borderDark: '#27272A',
        borderLight: '#E4E4E7',
        
        // Priority
        critical: '#E5242B',
        high: '#F59E0B',
        normal: '#3B82F6',
        low: '#6B7280',
        
        // Life Areas
        work: '#3B82F6',
        self: '#8B5CF6',
        health: '#10B981',
        relationships: '#F59E0B',
        learning: '#06B6D4',
        creation: '#EC4899',
        community: '#14B8A6',
        recovery: '#6366F1',
        
        // Block Types
        blockWork: '#3B82F6',
        blockMeeting: '#8B5CF6',
        blockFocus: '#E5242B',
        blockBreak: '#10B981',
        blockPersonal: '#F59E0B',
        
        // Semantic
        success: '#10B981',
        warning: '#F59E0B',
        danger: '#EF4444',
        muted: '#71717A',
      },
      spacing: {
        '1': '4px',
        '2': '8px',
        '3': '12px',
        '4': '16px',
        '5': '20px',
        '6': '24px',
      },
      borderRadius: {
        'sm': '6px',
        'md': '10px',
        'lg': '16px',
        'xl': '24px',
        'full': '9999px',
      },
    },
  },
  plugins: [],
}
