/**
 * Layout configuration
 */

/**
 * The app renders inside a phone-width frame at **every** viewport — there is no desktop
 * layout, and deliberately so: Balinyaar's users (families arranging care, nurses between
 * visits) are on phones, and one layout means one set of states to design and verify.
 * A wider window gets more canvas around the frame, never a wider app.
 *
 * `components/config.ts`'s `CONTENT_MAX_WIDTH` mirrors this number — a page column can
 * never be wider than the frame it lives in.
 */
export const APP_FRAME_MAX_WIDTH = 480;

/**
 * TopBar configuration — one height at every viewport (the frame never changes width, so the
 * old mobile/desktop split had nothing left to switch on). The bar sits *inside* the frame as a
 * normal flex row rather than `position: fixed`, so no page needs a matching top offset.
 */
export const TOP_BAR_HEIGHT = 56;
