/* 泉链 / 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;
}

/* 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 (object-fit was centering it) */
a[aria-label="Link to main page"] { justify-content: flex-start !important; overflow: visible !important; }
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;
}