/* ==========================================================================
   SIGN-IN, IN THE NEW HOME'S LANGUAGE (home v3, 24 Oct)

   The owner: the client login "looks outdated". A look-only layer over
   auth.css, loaded after it on admin/index.html alone: the black frame keeps
   two light planes, the world on the paper of the home's sheet and the door a
   white card; black words, the lime on the one button that signs in, lime when
   words are selected. auth.css draws everything from its --au-* tokens, so
   this is mostly those tokens; the preview of the Office stays a dark screen
   on the paper, as the home's samples do. No logic, field, route or wording
   changes here.
   ========================================================================== */
body:has(#signin),
body:has(#setup){
  --au-stage:#F3F3F3;          /* the world: the home's sheet */
  --au-stage-edge:#E1E1E1;
  --au-island:#FFFFFF;         /* the door: a white card */
  --au-island-edge:#E1E1E1;
  --au-inset:#FFFFFF;
  --au-raised:#F3F3F3;
  --au-field:#F6F6F6;
  --au-field-hi:#FFFFFF;
  --au-line:rgba(0,0,0,.48);   /* a field's edge, 3.6:1 on its fill (.34 measured 2.4:1) */
  --au-line-hi:rgba(0,0,0,.62);
  --au-hair:#E6E6E6;
  --au-text-hi:#0A0A0A;
  --au-text:#1A1A1A;
  --au-text-2:#3D3D3D;
  --au-muted:#5E5E5E;          /* 6.4:1 on white */
  --au-muted-2:#5E5E5E;
  --au-r:12px;
  --au-r-island:24px;
  --focus-edge:#0A0A0A;
  --focus-halo:rgba(0,0,0,.16);
}
/* The Office's preview stays a dark screen, with the tokens it was drawn in. */
#signin .auth-preview,
#signin .auth-ticker{
  --au-stage:#0F0F0F; --au-stage-edge:#1D1D1D;
  --au-island:#191919; --au-island-edge:#2A2A2A;
  --au-inset:#161616; --au-raised:#1C1C1C; --au-hair:#2A2A2A;
  --au-text-hi:#FAFAFA; --au-text:#E8E8E8; --au-text-2:#CFCFCF;
  --au-muted:#ABABAB; --au-muted-2:#959595; --au-r:6px;
}
#signin .auth-world{ box-shadow:0 1px 0 #FFFFFF inset; }
#signin .auth-card{ box-shadow:0 1px 2px rgba(0,0,0,.05), 0 30px 70px -40px rgba(0,0,0,.35); }
.au-logo .au-t{ stroke:#3D3D3D; }

/* The one button that signs in: the lime, with a black edge, black words. */
#signin .auth-submit::before{ background:#C8F031; box-shadow:inset 0 0 0 1px #0A0A0A; }
#signin .auth-submit:hover::before{ background:#C8F031; box-shadow:inset 0 0 0 2px #0A0A0A; }
#signin .auth-submit:active::before{ background:#C8F031; box-shadow:inset 0 0 0 2px #0A0A0A; }
#signin .auth-submit:disabled::before{ background:#E4E4E4; box-shadow:inset 0 0 0 1px #BDBDBD; }

/* Selected words are lime, as on the home. */
::selection{ background:#C8F031; color:#000000; }
::-moz-selection{ background:#C8F031; color:#000000; }