export const MIN_ZOOM = 0.02;
export const MAX_ZOOM = 256;
export const ZOOM_STEP = 0.1;
export const SNAP_THRESHOLD = 5;
export const DEFAULT_FILL = '#d1d5db';
export const DEFAULT_STROKE = '#374151';
export const DEFAULT_STROKE_WIDTH = 1;
export const CANVAS_BACKGROUND_LIGHT = '#e5e5e5';
export const CANVAS_BACKGROUND_DARK = '#1a1a1a';

export const SELECTION_BLUE = '#0d99ff';
export const COMPONENT_COLOR = '#a855f7';
export const INSTANCE_COLOR = '#9281f7';

// Hover / overlay / indicator
export const HOVER_BLUE = '#3b82f6';
export const HOVER_LINE_WIDTH = 1.5;
export const HOVER_DASH = [4, 4];
export const INDICATOR_BLUE = '#3B82F6';
export const INDICATOR_LINE_WIDTH = 2;
export const INDICATOR_DASH = [6, 4];
export const INDICATOR_ENDPOINT_RADIUS = 3;

// Frame labels
export const FRAME_LABEL_FONT_SIZE = 12;
export const FRAME_LABEL_OFFSET_Y = 6;
export const FRAME_LABEL_COLOR = '#999999';

// Pen tool
export const PEN_ANCHOR_FILL = '#ffffff';
export const PEN_ANCHOR_RADIUS = 4;
export const PEN_ANCHOR_FIRST_RADIUS = 5;
export const PEN_HANDLE_DOT_RADIUS = 3;
export const PEN_HANDLE_LINE_STROKE = '#888888';
export const PEN_RUBBER_BAND_STROKE = 'rgba(13, 153, 255, 0.5)';
export const PEN_RUBBER_BAND_DASH = [4, 4];
export const PEN_CLOSE_HIT_THRESHOLD = 8;

// Dimension label
export const DIMENSION_LABEL_OFFSET_Y = 8;

// Default node colors
export const DEFAULT_FRAME_FILL = '#ffffff';
export const DEFAULT_TEXT_FILL = '#000000';

// Smart guides
export const GUIDE_COLOR = '#FF6B35';
export const GUIDE_LINE_WIDTH = 1;
export const GUIDE_DASH = [3, 3];
