/* ADAAS SSO — auth page shell.
   The palette, typography and surface tokens all come from the shared
   `@adaas/a-brand` design system (injected server-side as
   <style id="a-brand-tokens">), so this file only owns the page frame.

   Layout mirrors the adaas.ai landing: a full-viewport hero (the cursor-reactive
   chrome monogram with the sign-in popup floating in front) fills the first
   screen — you never have to scroll to sign in — and the canonical ADAAS network
   footer sits below it, sliding into view on scroll exactly like the real site. */

* { box-sizing: border-box; }

html, body {
    margin: 0;
    min-height: 100%;
}

body {
    font-family: var(--font-body, 'Archivo', system-ui, sans-serif);
    color: var(--ink, #ece7e2);
    background: var(--bg, #0a0a0c);
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

/* ARE renders <are-root> as <div id="sso-root">: a plain block flow — the
   .sso-landing hero (100vh) then the network footer stack naturally. */
#sso-root {
    display: block;
    min-height: 100vh;
}

/* Keep ARE's component wrappers transparent to the layout so they don't add
   stray boxes; sso-auth is display:contents so its children (.sso-landing +
   <a-network-footer>) participate in the page flow directly. */
sso-auth,
sso-account-page,
are-text {
    display: contents;
}

a-network-footer {
    display: block;
}

/* No-JS fallback copy (rendered inside the server shell before hydration). */
.sso-noscript {
    font-size: 13px;
    color: var(--ink-dim, rgba(232, 232, 238, 0.6));
    text-align: center;
    padding: 24px;
}