MobileApp/src/styles/theme.js

export const COLORS = {
  background: '#f8faf9',
  surface: '#ffffff',
  surfaceDark: '#f3f4f6',
  primary: '#16a34a',
  primaryDark: '#15803d',
  primaryLight: '#dcfce7',
  secondary: '#0f1f12',
  accent: '#10b981',
  text: '#0f1f12',
  textLight: '#4b5563',
  textMuted: '#9ca3af',
  border: '#f0fdf4',
  borderDark: '#e5e7eb',
  error: '#ef4444',
  errorLight: '#fee2e2',
  success: '#10b981',
  successLight: '#dcfce7',
  warning: '#f59e0b',
  warningLight: '#fef3c7',
  info: '#3b82f6',
  infoLight: '#dbeafe',
  white: '#ffffff',
  black: '#000000',
  transparent: 'transparent',
  // Premium Gradients
  primaryGradient: ['#16a34a', '#22c55e'],
  darkGradient: ['#0f172a', '#1e293b'],
};

export const SPACING = {
  xs: 4,
  sm: 8,
  md: 16,
  lg: 24,
  xl: 32,
  xxl: 48,
};

export const SHADOWS = {
  soft: {
    shadowColor: '#000',
    shadowOffset: { width: 0, height: 4 },
    shadowOpacity: 0.05,
    shadowRadius: 12,
    elevation: 3,
  },
  medium: {
    shadowColor: '#16a34a',
    shadowOffset: { width: 0, height: 8 },
    shadowOpacity: 0.15,
    shadowRadius: 16,
    elevation: 8,
  },
};

export const FONTS = {
  bold: 'System',
  semibold: 'System',
  medium: 'System',
  regular: 'System',
};