/* Authelia portal in Silverbullet's Monokai palette (see "Monokai Theme" in Silverbullet).
   Injected by nginx on both front doors (VPS + mba admin-proxy); skipped for /?password so a new
   user can still do the first password login before they have a passkey. */
:root:root, [data-theme][data-theme] {
  color-scheme: dark;
  --background: #272822;
  --foreground: #f8f8f2;
  --card: #1e1f1c;
  --card-foreground: #f8f8f2;
  --popover: #1e1f1c;
  --popover-foreground: #f8f8f2;
  --primary: #a6e22e;
  --primary-foreground: #272822;
  --secondary: #f92672;
  --secondary-foreground: #f8f8f2;
  --muted: #3e3d32;
  --muted-foreground: #75715e;
  --accent: #3e3d32;
  --accent-foreground: #f8f8f2;
  --destructive: #f92672;
  --destructive-foreground: #f8f8f2;
  --success: #a6e22e;
  --success-foreground: #272822;
  --warning: #fd971f;
  --warning-foreground: #272822;
  --info: #66d9ef;
  --info-foreground: #272822;
  --border: #3e3d32;
  --input: #49483e;
  --ring: #a6e22e;
  --custom-icon: #f8f8f2;
  --custom-loading-bar: #a6e22e;
}
::selection { background: #49483e; color: #f8f8f2; }

/* Sign-in page: only the passkey button */
body:has(#first-factor-stage) header,
#first-factor-stage .flex-col > :not(:has(#form-login)),
#form-login .grid > :not(:has(#passkey-sign-in-button)) {
  display: none !important;
}
#passkey-sign-in-button {
  height: 3.25rem;
  font-size: 0.95rem;
  letter-spacing: 0.06em;
  border-radius: 10px;
  background: #a6e22e;
  color: #272822;
}
#passkey-sign-in-button:hover { background: #b6f23e; }
#passkey-sign-in-button:focus-visible { outline: 2px solid #66d9ef; outline-offset: 3px; }