/* 泉链 / Triquan Chain — explorer theme overlay (minimal).
   Brand colors live in colors.ts, baked into the image. This overlay is only a
   safety net + light polish. Mirrors veri5-theme.css, gold-swapped. */

:root {
  --triquan-primary:       #D4AF37; /* signature gold */
  --triquan-primary-dark:  #B8941F; /* deep gold      */
  --triquan-primary-light: #E6C55B;
}

/* Safety net: keep the Chakra blue scale on-brand (gold) even if a stale bundle ships.
   Greens/teals/cyans are intentionally left alone so success states stay green. */
:root,
[data-theme="dark"] {
  --chakra-colors-blue-300: #E6C55B !important;
  --chakra-colors-blue-400: #DDB944 !important;
  --chakra-colors-blue-500: #D4AF37 !important;
  --chakra-colors-blue-600: #B8941F !important;
  --chakra-colors-blue-700: #9C7E1F !important;
}

/* Gold is a light accent, so force dark text on solid-gold surfaces for readability
   (white-on-gold is low-contrast — the one thing veri5's dark blue did not need). */
.chakra-button[data-variant="solid"],
.chakra-badge,
button.chakra-tabs__trigger[aria-selected="true"],
[role="tab"][aria-selected="true"] {
  color: #0A0A0F !important;
}

/* Active pill (tabs + selected pagination/control) — force gold bg + dark text.
   The baked token theme.selected.control.bg was a hardcoded blue; this is the
   runtime safety-net that also fixes it before the image rebuild lands. */
button.chakra-tabs__trigger[aria-selected="true"],
button[data-part="trigger"][data-selected],
[role="tab"][aria-selected="true"],
[data-part="trigger"][aria-selected="true"],
[data-part="trigger"][data-selected="true"],
[data-selected][data-part="trigger"],
button.chakra-button[data-selected="true"],
button.chakra-button[data-selected] {
  background: #D4AF37 !important;
  background-color: #D4AF37 !important;
  color: #0A0A0F !important;
}

/* Logo/icon: keep crisp and centered */
.chakra-image[alt*="logo" i],
.chakra-image[alt*="icon" i] {
  object-fit: contain;
  object-position: center;
}

/* Brand-gold scrollbar */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #0A0A0F; }
::-webkit-scrollbar-thumb { background: #9C7E1F; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #B8941F; }

/* Lock dark mode: remove the color-mode/settings toggle */
button[aria-label="User settings"] { display: none !important; }

/* Logo: render the wordmark at natural width, hard-left so it aligns with the
   sidebar nav link below it. ZH build uses aria-label="返回主页" (not the EN
   "Link to main page"), which is why this never applied before. */
a[aria-label="返回主页"],
a[aria-label="Link to main page"] {
  justify-content: flex-start !important;
  width: auto !important;
  max-width: none !important;
  overflow: visible !important;
}
a[aria-label="返回主页"] img[alt*="network logo" i],
a[aria-label="Link to main page"] img[alt*="network logo" i] {
  width: auto !important;
  max-width: none !important;
  height: 30px !important;
  object-fit: contain !important;
  object-position: left center !important;
  flex: 0 0 auto !important;
}