/**
 * Tokens de diseño del sistema (fuentes, colores, etc.).
 * Usar en componentes para mantener consistencia y documentar en Storybook.
 */

/** Letra base del sistema: IBM Plex Sans (texto UI, títulos, body). */
export const FONT_FAMILY_SANS = "'IBM Plex Sans', sans-serif";

/** Fuente monoespaciada: IBM Plex Mono (código, números, IDs). */
export const FONT_FAMILY_MONO = "'IBM Plex Mono', monospace";

/** Color de error para inputs y mensajes de validación. */
export const COLOR_INPUT_ERROR = '#B30808';

/**
 * Estilo reutilizable para el texto de error debajo de inputs/selects.
 * IBM Plex Mono SemiBold 14px, line-height 21px, letter-spacing 1%, color #B30808.
 */
export const INPUT_ERROR_TEXT_STYLE = {
  fontFamily: FONT_FAMILY_MONO,
  fontWeight: 600,
  fontStyle: 'normal',
  fontSize: '14px',
  lineHeight: '21px',
  letterSpacing: '0.01em',
  color: COLOR_INPUT_ERROR,
};

/** Borde de input/select en estado error (2px solid #B30808). */
export const INPUT_ERROR_BORDER = {
  borderWidth: '2px',
  borderStyle: 'solid',
  borderColor: COLOR_INPUT_ERROR,
};
