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

/** Verde principal Hexa — header de nodo. */
export const ORGANIGRAMA_NODE_HEADER_BG = '#38656D';
export const ORGANIGRAMA_NODE_HEADER_SUBTITLE_COLOR = '#BDE4E9';
export const ORGANIGRAMA_NODE_HEADER_TITLE_COLOR = '#FFFFFF';

/** Líneas de conexión entre nodos. */
export const ORGANIGRAMA_EDGE_COLOR = '#84A0A5';

export const ORGANIGRAMA_CANVAS_BG = '#F3F4F6';
export const ORGANIGRAMA_CANVAS_DOT_COLOR = '#D1D5DB';

export const ORGANIGRAMA_CARD_WIDTH_PX = 280;
export const ORGANIGRAMA_CARD_MIN_HEIGHT_PX = 176;
export const ORGANIGRAMA_NODE_H_GAP_PX = 40;
export const ORGANIGRAMA_NODE_V_GAP_PX = 72;

export const ORGANIGRAMA_ZOOM_MIN = 0.2;
export const ORGANIGRAMA_ZOOM_MAX = 1.5;
export const ORGANIGRAMA_ZOOM_STEP = 0.1;
export const ORGANIGRAMA_DEFAULT_ZOOM = 0.85;

export const ORGANIGRAMA_NODE_TITLE_STYLE = {
  fontFamily: FONT_FAMILY_SANS,
  fontWeight: 600,
  fontSize: '16px',
  lineHeight: '24px',
  color: ORGANIGRAMA_NODE_HEADER_TITLE_COLOR,
  margin: 0,
};

export const ORGANIGRAMA_NODE_SUBTITLE_STYLE = {
  fontFamily: FONT_FAMILY_SANS,
  fontWeight: 400,
  fontSize: '12px',
  lineHeight: '18px',
  color: ORGANIGRAMA_NODE_HEADER_SUBTITLE_COLOR,
  margin: 0,
};
