const tintColorLight = '#19345E';
const tintColorDark = '#fff';

export const Colors = {
  light: {
    text: '#11181C',
    background: '#f7f7f7ff',
    tint: tintColorLight,
    primary: '#1F3C88',
    icon: '#1F3C88',
    card: '#ffffff',
    tabIconDefault: '#687076',
    tabActive: '#2563EB',
    header: '#234881',
    homeGradient: '#346CC4',
    dimmed: '#707887ff',
    success: '#40C057',
    warning: '#FBBF24',
    error: '#F87171',
    input:'#FFFFFF',
    modalBackground: '#ffffff',
  },
  dark: {
    text: '#ECEDEE',
    background: '#0F1B2D',
    tint: tintColorDark,
    primary: '#123A6F',
    icon: '#9DB9E8',
    card: '#16233A', // slightly lighter than background #151718
    tabIconDefault: '#9BA1A6',
    tabActive: '#0166FE',
    header: '#0E294C',
    homeGradient: '#123A6F',
    dimmed: '#9AAED1',
    success: '#1F6F43',
    warning: '#D97706',
    error: '#DC2626',
    input:'#14243dff',
    modalBackground: '#1a1a1aff',
  },
};