export const brandColors = {
  primary: {
    600: '#005EB8',
    700: '#003B73',
    500: '#00A3E0',
    400: '#33B8E8',
    100: '#E8F4FD',
  },
  brand: {
    600: '#C41E3A',
    700: '#A01830',
    500: '#E04A68',
    400: '#F08C9F',
    100: '#FEF2F4',
  },
  neutral: {
    900: '#1A1A2E',
    800: '#2D3748',
    700: '#4A5568',
    600: '#718096',
    500: '#A0AEC0',
    400: '#CBD5E0',
    300: '#E2E8F0',
    200: '#EDF2F7',
    100: '#F5F7FA',
    50: '#FFFFFF',
  },
  success: {
    600: '#16A34A',
    100: '#F0FDF4',
  },
  warning: {
    600: '#D97706',
    100: '#FFFBEB',
  },
  info: {
    600: '#0284C7',
    100: '#F0F9FF',
  },
  error: {
    600: '#DC2626',
    100: '#FEF2F2',
  },
} as const;

export const colorValues = {
  primary: '#005EB8',
  primaryHover: '#003B73',
  primaryLight: '#00A3E0',
  primaryLighter: '#E8F4FD',
  
  brand: '#C41E3A',
  brandHover: '#A01830',
  brandLight: '#E04A68',
  brandBg: '#FEF2F4',
  
  textPrimary: '#1A1A2E',
  textSecondary: '#4A5568',
  textTertiary: '#718096',
  textMuted: '#A0AEC0',
  
  bgPrimary: '#FFFFFF',
  bgSecondary: '#F5F7FA',
  bgTertiary: '#EEF2F7',
  bgHover: '#E8ECF2',
  
  border: '#E2E8F0',
  borderSecondary: '#CBD5E0',
  borderAccent: '#005EB8',
  
  link: '#005EB8',
  linkHover: '#003B73',
  
  success: '#16A34A',
  successBg: '#F0FDF4',
  warning: '#D97706',
  warningBg: '#FFFBEB',
  info: '#0284C7',
  infoBg: '#F0F9FF',
  error: '#DC2626',
  errorBg: '#FEF2F2',
} as const;

export const gradients = {
  primary: 'linear-gradient(135deg, #005EB8 0%, #00A3E0 100%)',
  hero: 'linear-gradient(180deg, #F5F7FA 0%, #FFFFFF 100%)',
  brand: 'linear-gradient(135deg, #C41E3A 0%, #E04A68 100%)',
  subtle: 'linear-gradient(180deg, #FFFFFF 0%, #F5F7FA 100%)',
  card: 'linear-gradient(180deg, #FFFFFF 0%, #F5F7FA 100%)',
  cta: 'linear-gradient(135deg, #C41E3A 0%, #A01830 100%)',
} as const;

export type BrandColor = typeof brandColors;
export type ColorValue = typeof colorValues;
export type Gradient = typeof gradients;