/**
 * Components configuration
 */
// Mirrors layout/config.ts's APP_FRAME_MAX_WIDTH: the app now renders inside a
// phone-width frame at every viewport, so a page column can never usefully be
// wider than the frame that contains it (the old 800 reading width silently
// became a no-op). 320 is a standalone minimum so narrow viewports never
// squeeze content unreadably.
export const CONTENT_MAX_WIDTH = 480;
export const CONTENT_MIN_WIDTH = 320;

/**
 * AppAlert and AppSnackBarAlert components.
 * A bare <AppAlert> defaults to a calm, non-alarming baseline — genuinely
 * error-severity call-sites must pass severity="error" explicitly. `standard`
 * pairs with the semantic palette (colors.ts) so inline alerts match toasts.
 */
export const APP_ALERT_SEVERITY = 'info'; // 'error' | 'info'| 'success' | 'warning'
export const APP_ALERT_VARIANT = 'standard'; // 'filled' | 'outlined' | 'standard'

/**
 * AppButton component
 */
export const APP_BUTTON_VARIANT = 'contained'; // | 'text' | 'outlined'

/**
 * AppIcon component
 */
export const APP_ICON_SIZE = 24;
/**
 * Lucide stroke weight. The library ships at 2, which reads heavy next to Mikhak's
 * fairly light Persian strokes — 1.75 keeps the outline family legible at 18–24px
 * without competing with the type.
 */
export const APP_ICON_STROKE_WIDTH = 1.75;
/** Icon size inside a Button's start/end slot — matches MUI's own 20px icon slot. */
export const APP_BUTTON_ICON_SIZE = 20;

/**
 * AppLink component
 */
export const APP_LINK_COLOR = 'textSecondary'; // 'primary' // 'secondary'
export const APP_LINK_UNDERLINE = 'hover'; // 'always

