/* Clean light background, no parchment */
:root {
  --paper: #ffffff !important;
  --paper-2: #f8f8f6 !important;
  --paper-3: #f0f0ed !important;
  --rule: #e5e5e2 !important;
  --rule-2: #d8d8d5 !important;
}

:root[data-theme="dark"] {
  --paper: #0f0f0f !important;
  --paper-2: #171717 !important;
  --paper-3: #222222 !important;
}

body,
html {
  background: var(--paper) !important;
}

body.home,
.statstrip,
.chrome {
  background-color: var(--paper-2) !important;
}

#zero1cash-soon-banner,
[id*="soon-banner"] {
  display: none !important;
}

body.has-soon-banner {
  padding-top: 0 !important;
}

body.has-soon-banner .chrome {
  top: 0 !important;
}

.hero-mark {
  font-size: clamp(3rem, 10vw, 7rem) !important;
  letter-spacing: -0.03em !important;
  font-family: var(--mono) !important;
  font-weight: 500 !important;
}

.hero-mark .zero-ring,
.mark01 .ring {
  display: none !important;
}

.mark01 {
  font-family: var(--mono) !important;
  font-weight: 500 !important;
  letter-spacing: -0.03em !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.2em !important;
}

.brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.3em !important;
  font-family: var(--mono) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

.progress {
  display: inline-flex !important;
  align-items: center !important;
}

.progress img {
  border-radius: 6px !important;
}

.topbar .brand img {
  border-radius: 6px !important;
}


.zerocash-sol-wallet {
  font-family: "IBM Plex Sans", system-ui, sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  background: linear-gradient(135deg, #9945FF, #14F195) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 100px !important;
  padding: 0.4em 1em !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

.zerocash-sol-wallet:hover {
  filter: brightness(1.08) !important;
}

.zerocash-sol-wallet.connected {
  background: var(--paper-3) !important;
  color: var(--ink) !important;
  border: 1px solid var(--rule-2) !important;
}

w3m-modal,
wcm-modal,
appkit-modal {
  display: none !important;
}
