text: const mainTheme = {
    colors: {
      primary: '#253746',
      secondary: '#cedc00',
      secondaryHover: '#bbd003',
      danger: '#dc3545',
      dangerHover: '#cd3140',
      white: '#FFF',
      success: '#abb92a',
      loading: '#98aabd',
    },
    text: {
      primary: '#253746',
      secondary: '#cedc00',
      danger: '#dc3545',
      white: '#FFF',
    },
    shadows: {
      default: '0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.03)',
      sm: '0 1px 3px rgba(0,0,0,0.16), 0 1px 3px rgba(0,0,0,0.03)',
      hover: '0 6px 9px rgba(0,0,0,0.16), 0 6px 9px rgba(0,0,0,0.03)',
    },
    borders: {
      default: '1px solid #98aabd',
    },
  };
  
  export default mainTheme;
  