export const THEME = {
  colors: {
    primary: '#1E3A8A',
    primaryDark: '#172554',
    primaryLight: '#E0E7FF',
    primaryLighter: '#EEF2FF',
    background: '#F9FAFB',
    surface: '#FFFFFF',
    text: {
      primary: '#1e3a8aff',
      secondary: '#6B7280',
      muted: '#9CA3AF',
    },
    border: '#F3F4F6',
    warning: '#EAB308',
    error: '#EF4444',
  },
  spacing: {
    xs: 4,
    sm: 8,
    md: 16,
    lg: 24,
    xl: 32,
  }
};