import { FONT_FAMILY_SANS } from '../../../designTokens';

/** Overlay semitransparente (mismo criterio que VistaDatos). */
export const MODAL_SHELL_OVERLAY_BG = '#00000040';

/** Título de modal — IBM Plex Sans Regular 20/30 (FiltrosAvanzados, VistaDocumento). */
export const MODAL_SHELL_TITLE_STYLE = {
  fontFamily: FONT_FAMILY_SANS,
  fontWeight: 400,
  fontStyle: 'normal',
  fontSize: '20px',
  lineHeight: '30px',
  letterSpacing: 0,
  color: '#29474C',
  margin: 0,
};

export const MODAL_SHELL_FOOTER_BUTTON_TEXT_STYLE = {
  fontSize: '14px',
  lineHeight: '21px',
};

export const MODAL_SHELL_FOOTER_BUTTON_BASE_STYLE = {
  width: 'auto',
  minWidth: 0,
  height: 40,
  padding: '8px 12px',
  marginLeft: 0,
  flexShrink: 0,
};
