export const COLORS = {
  // Primary colors
  primary: '#2C5F4A',
  primaryLight: '#4A8B6A',
  primaryDark: '#1A3D2E',

  // Secondary colors
  secondary: '#FF6B35',
  secondaryLight: '#FF8F65',
  secondaryDark: '#E55A2B',

  // UI colors
  background: '#F8F9FA',
  surface: '#FFFFFF',
  text: '#2D3748',
  textLight: '#718096',
  border: '#E2E8F0',
  error: '#E53E3E',
  success: '#38A169',
  warning: '#D69E2E',

  // Dashboard specific
  chartPrimary: '#2C5F4A',
  chartSecondary: '#FF6B35',
  chartTertiary: '#4299E1',
  chartQuaternary: '#48BB78',
};

export const FONTS = {
  regular: 'Roboto-Regular',
  medium: 'Roboto-Medium',
  bold: 'Roboto-Bold',
  light: 'Roboto-Light',
  black: 'Roboto-Black',
};

export const FONT_SIZES = {
  xs: 12,
  sm: 14,
  md: 16,
  lg: 18,
  xl: 20,
  xxl: 24,
  xxxl: 32,
};

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

export const BORDER_RADIUS = {
  sm: 4,
  md: 8,
  lg: 12,
  xl: 16,
};

export const SHADOWS = {
  light: {
    shadowColor: '#000',
    shadowOffset: { width: 0, height: 1 },
    shadowOpacity: 0.1,
    shadowRadius: 2,
    elevation: 2,
  },
  medium: {
    shadowColor: '#000',
    shadowOffset: { width: 0, height: 2 },
    shadowOpacity: 0.15,
    shadowRadius: 4,
    elevation: 4,
  },
  heavy: {
    shadowColor: '#000',
    shadowOffset: { width: 0, height: 4 },
    shadowOpacity: 0.2,
    shadowRadius: 8,
    elevation: 8,
  },
};


