/* ============================================================
   Hubbe Registry — Auth Flow Styles
   Shared logo + System-name treatment for every /Account/ page.
   Loaded after buttons.css, before component-scoped styles.

   Consumed by Components/Account/Shared/AuthHeader.razor. Pages
   should not hand-roll the logo or brand — use the component.
   ============================================================ */

/* Logo mark — Welcome-page sizing, adopted flow-wide.
   max-width keeps it proportional on narrow phones. */
.registry-auth-logo {
    width: 100px;
    max-width: 25vw;
    height: auto;
}

/* System name beneath the logo. Overrides the Bootstrap heading scale
   that .h2 previously applied — the brand reads larger than a page
   heading because it is brand chrome, not document structure. The
   element stays an <h1> so the heading outline is unaffected. */
.registry-auth-brand {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.1;
}