// Paleta de cores padrão do GestorEasy
export const colors = {
  // Cores principais
  black: '#1c1c1c',
  orange: '#ff6a00',
  olive: '#556b2f',
  white: '#ffffff',
  
  // Tons derivados
  gray: {
    50: '#f9f9f9',
    100: '#f3f3f3',
    200: '#e5e5e5',
    300: '#d1d1d1',
    400: '#b0b0b0',
    500: '#8a8a8a',
    600: '#6b6b6b',
    700: '#4a4a4a',
    800: '#2d2d2d',
    900: '#1c1c1c'
  },
  
  // Variações da paleta principal
  orange: {
    50: '#fff7ed',
    100: '#ffedd5',
    200: '#fed7aa',
    300: '#fdba74',
    400: '#fb923c',
    500: '#ff6a00',
    600: '#ea580c',
    700: '#c2410c',
    800: '#9a3412',
    900: '#7c2d12'
  },
  
  olive: {
    50: '#f7f8f3',
    100: '#eef0e7',
    200: '#dde2cf',
    300: '#c6cfb0',
    400: '#a8b584',
    500: '#556b2f',
    600: '#4a5f29',
    700: '#3f5023',
    800: '#35421e',
    900: '#2d371a'
  }
}

// Gradientes
export const gradients = {
  primary: 'linear-gradient(135deg, #ff6a00 0%, #556b2f 100%)',
  warm: 'linear-gradient(135deg, #ff6a00 0%, #fb923c 50%, #fdba74 100%)',
  olive: 'linear-gradient(135deg, #556b2f 0%, #a8b584 100%)',
  dark: 'linear-gradient(135deg, #1c1c1c 0%, #2d2d2d 100%)'
}

// Temas
export const themes = {
  light: {
    background: colors.white,
    surface: colors.gray[50],
    text: colors.black,
    textSecondary: colors.gray[600],
    border: colors.gray[200],
    logo: 'dark' // usa logo-dark.png
  },
  dark: {
    background: colors.black,
    surface: colors.gray[800],
    text: colors.white,
    textSecondary: colors.gray[300],
    border: colors.gray[700],
    logo: 'light' // usa logo-light.png
  },
  gradient: {
    background: gradients.primary,
    surface: 'rgba(255, 255, 255, 0.1)',
    text: colors.white,
    textSecondary: 'rgba(255, 255, 255, 0.8)',
    border: 'rgba(255, 255, 255, 0.2)',
    logo: 'light' // usa logo-light.png
  }
}