/* Nullmask proposal: keep page black/dark — no Ivory #002a18 wash. */

html.dark,
html.dark body,
html.dark .min-h-dvh {
  color-scheme: dark;
}

/* Wallet scripts may set data-theme="dark"; do not swap Nullmask to forest green. */
html[data-theme="dark"],
html[data-theme="dark"] body {
  color-scheme: dark;
  background-color: var(--background, oklch(12% 0.01 240)) !important;
}

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

/* Wallet UI injects on <body>; site theme vars live under [data-rk] only. */
:root {
  --rk-blurs-modalOverlay: blur(6px);
  --rk-fonts-body: var(--font-sans, system-ui, sans-serif);
  --rk-radii-actionButton: 12px;
  --rk-radii-connectButton: 999px;
  --rk-radii-menuButton: 12px;
  --rk-radii-modal: 16px;
  --rk-radii-modalMobile: 16px;
  --rk-colors-accentColor: var(--nm-lime, #ccef31);
  --rk-colors-accentColorForeground: var(--nm-on-lime, #0a0d10);
  --rk-colors-actionButtonBorder: var(--nm-hairline, #1d252c);
  --rk-colors-actionButtonBorderMobile: var(--nm-hairline, #1d252c);
  --rk-colors-actionButtonSecondaryBackground: var(--nm-well, #080b0e);
  --rk-colors-closeButton: var(--nm-muted, #646d76);
  --rk-colors-closeButtonBackground: var(--nm-well, #080b0e);
  --rk-colors-connectButtonBackground: var(--card, oklch(15% 0.01 240));
  --rk-colors-connectButtonBackgroundError: var(--nm-red, #c0453a);
  --rk-colors-connectButtonInnerBackground: var(--nm-well-focus, #0a0e11);
  --rk-colors-connectButtonText: var(--foreground, oklch(98% 0 0));
  --rk-colors-connectButtonTextError: var(--foreground, oklch(98% 0 0));
  --rk-colors-connectionIndicator: var(--nm-lime, #ccef31);
  --rk-colors-error: var(--nm-red, #c0453a);
  --rk-colors-generalBorder: var(--nm-hairline, #1d252c);
  --rk-colors-generalBorderDim: var(--nm-hairline, #1d252c);
  --rk-colors-menuItemBackground: var(--nm-well, #080b0e);
  --rk-colors-modalBackdrop: rgba(0, 0, 0, 0.62);
  --rk-colors-modalBackground: var(--card, oklch(15% 0.01 240));
  --rk-colors-modalBorder: var(--nm-hairline, #1d252c);
  --rk-colors-modalText: var(--foreground, oklch(98% 0 0));
  --rk-colors-modalTextDim: var(--nm-steel, #5b6570);
  --rk-colors-modalTextSecondary: var(--nm-muted, #646d76);
  --rk-colors-profileAction: var(--nm-well, #080b0e);
  --rk-colors-profileActionHover: var(--nm-well-focus, #0a0e11);
  --rk-colors-profileForeground: var(--card, oklch(15% 0.01 240));
  --rk-colors-selectedOptionBorder: var(--nm-lime, #ccef31);
  --rk-colors-standby: var(--nm-lime-lo, #b3d41d);
  --rk-shadows-connectButton: 0 4px 16px rgba(0, 0, 0, 0.35);
  --rk-shadows-dialog: 0 24px 64px rgba(0, 0, 0, 0.55);
}

#popup-overlay,
w3m-modal-backdrop,
[class*="w3m"][class*="backdrop"],
div[data-rk] [role="dialog"] + div {
  background: rgba(0, 0, 0, 0.62) !important;
  backdrop-filter: blur(6px);
}

body:has(#popup-overlay),
body:has(#__pm_root__),
body:has([data-rk]),
body:has(w3m-modal) {
  filter: none !important;
  -webkit-filter: none !important;
  background-color: var(--background, oklch(12% 0.01 240)) !important;
}

#popup-overlay .popup,
.popup {
  background: var(--card, oklch(15% 0.01 240)) !important;
  color: var(--foreground, oklch(98% 0 0)) !important;
  border-color: var(--nm-hairline, #1d252c) !important;
}

.connect,
.connectAndClaim {
  cursor: pointer;
}