html[data-theme="dark"] {
  color-scheme: dark;
}

body[unresolved] {
  opacity: 1 !important;
  overflow: visible !important;
  position: static !important;
}

/* Wallet UI injects on <body>; site theme vars are not on :root. */
:root {
  --rk-blurs-modalOverlay: blur(4px);
  --rk-fonts-body: var(--font-instrument, "Instrument Sans", system-ui, sans-serif);
  --rk-radii-actionButton: 10px;
  --rk-radii-connectButton: 999px;
  --rk-radii-menuButton: 12px;
  --rk-radii-modal: 16px;
  --rk-radii-modalMobile: 16px;
  --rk-colors-accentColor: var(--accent, #e2d9d0);
  --rk-colors-accentColorForeground: var(--accent-ink, #0b141d);
  --rk-colors-actionButtonBorder: var(--border, #f7f1ea1f);
  --rk-colors-actionButtonBorderMobile: var(--border, #f7f1ea1f);
  --rk-colors-actionButtonSecondaryBackground: var(--surface-soft, #1d2a36);
  --rk-colors-closeButton: var(--muted, #aaa39b);
  --rk-colors-closeButtonBackground: var(--surface-soft, #1d2a36);
  --rk-colors-connectButtonBackground: var(--surface-raised, #17232f);
  --rk-colors-connectButtonBackgroundError: var(--danger, #f08a90);
  --rk-colors-connectButtonInnerBackground: var(--surface, #111c26);
  --rk-colors-connectButtonText: var(--text, #f7f1ea);
  --rk-colors-connectButtonTextError: var(--text, #f7f1ea);
  --rk-colors-connectionIndicator: var(--success, #72c69d);
  --rk-colors-error: var(--danger, #f08a90);
  --rk-colors-generalBorder: var(--border, #f7f1ea1f);
  --rk-colors-generalBorderDim: var(--border, #f7f1ea1f);
  --rk-colors-menuItemBackground: var(--surface-soft, #1d2a36);
  --rk-colors-modalBackdrop: var(--dialog-backdrop, rgba(7, 17, 47, 0.55));
  --rk-colors-modalBackground: var(--surface-raised, #17232f);
  --rk-colors-modalBorder: var(--border-strong, #f7f1ea38);
  --rk-colors-modalText: var(--text, #f7f1ea);
  --rk-colors-modalTextDim: var(--dim, #9b958d);
  --rk-colors-modalTextSecondary: var(--muted, #aaa39b);
  --rk-colors-profileAction: var(--surface-soft, #1d2a36);
  --rk-colors-profileActionHover: var(--surface, #111c26);
  --rk-colors-profileForeground: var(--surface-raised, #17232f);
  --rk-colors-selectedOptionBorder: var(--brand-pink, #e786b2);
  --rk-colors-standby: var(--warning, #e5b578);
  --rk-shadows-connectButton: 0 4px 12px rgba(0, 0, 0, 0.25);
  --rk-shadows-dialog: 0 24px 64px var(--overlay-shadow, rgba(7, 17, 47, 0.35));
}

#popup-overlay {
  background: var(--dialog-backdrop, rgba(7, 17, 47, 0.55)) !important;
  backdrop-filter: blur(4px);
}

body:has(#popup-overlay),
body:has(#__pm_root__) {
  filter: none !important;
}

#popup-overlay .popup,
.popup {
  background: var(--surface-raised, #17232f) !important;
  color: var(--text, #f7f1ea) !important;
  border-color: var(--border-strong, #f7f1ea38) !important;
}

.connect,
.connectAndClaim {
  cursor: pointer;
}