/* Quan Protocol Explorer Theme — Dark + Gold */
:root {
  --quan-gold: #D4AF37;
  --quan-gold-light: #F5C753;
  --quan-gold-dark: #9C7E1F;
  --quan-bg: #0A0A0F;
  --quan-bg-secondary: #12121A;
  --quan-surface: #1A1A24;
  --quan-border: #2A2A38;
}

/* Override Chakra blue scale → gold */
[data-theme="dark"] {
  --chakra-colors-blue-50: #FFF8E1 !important;
  --chakra-colors-blue-100: #FFECB3 !important;
  --chakra-colors-blue-200: #FFE082 !important;
  --chakra-colors-blue-300: #F5C753 !important;
  --chakra-colors-blue-400: #E0B83D !important;
  --chakra-colors-blue-500: #D4AF37 !important;
  --chakra-colors-blue-600: #B8941F !important;
  --chakra-colors-blue-700: #9C7E1F !important;
  --chakra-colors-blue-800: #7D6418 !important;
  --chakra-colors-blue-900: #5E4B12 !important;

  --chakra-colors-teal-50: #FFF8E1 !important;
  --chakra-colors-teal-100: #FFECB3 !important;
  --chakra-colors-teal-200: #FFE082 !important;
  --chakra-colors-teal-300: #F5C753 !important;
  --chakra-colors-teal-400: #E0B83D !important;
  --chakra-colors-teal-500: #D4AF37 !important;
  --chakra-colors-teal-600: #B8941F !important;
  --chakra-colors-teal-700: #9C7E1F !important;
  --chakra-colors-teal-800: #7D6418 !important;
  --chakra-colors-teal-900: #5E4B12 !important;

  --chakra-colors-cyan-50: #FFF8E1 !important;
  --chakra-colors-cyan-100: #FFECB3 !important;
  --chakra-colors-cyan-200: #FFE082 !important;
  --chakra-colors-cyan-300: #F5C753 !important;
  --chakra-colors-cyan-400: #E0B83D !important;
  --chakra-colors-cyan-500: #D4AF37 !important;
  --chakra-colors-cyan-600: #B8941F !important;
  --chakra-colors-cyan-700: #9C7E1F !important;
  --chakra-colors-cyan-800: #7D6418 !important;
  --chakra-colors-cyan-900: #5E4B12 !important;

  --chakra-colors-green-50: #FFF8E1 !important;
  --chakra-colors-green-300: #F5C753 !important;
  --chakra-colors-green-500: #D4AF37 !important;
  --chakra-colors-green-700: #9C7E1F !important;
}

/* Force icon-only logo size in sidebar */
img[src*="quan-logo"],
img[src*="quan-icon"],
img[alt*="logo" i],
img[alt*="icon" i],
img[alt*="network" i],
[class*="NetworkLogo"] img,
[class*="networkLogo"] img,
nav img,
aside img,
header img {
  max-height: 27px !important;
  max-width: 27px !important;
  width: auto !important;
  height: 27px !important;
  object-fit: contain;
  object-position: center;
}

/* Links — gold */
a {
  color: #D4AF37 !important;
}
a:hover {
  color: #F5C753 !important;
}

/* Primary button — gold */
button[data-variant="solid"],
.chakra-button[data-variant="solid"] {
  background: #D4AF37 !important;
  color: #0A0A0F !important;
}
button[data-variant="solid"]:hover,
.chakra-button[data-variant="solid"]:hover {
  background: #B8941F !important;
}

/* Active/selected */
[data-active="true"],
[aria-selected="true"] {
  background-color: #D4AF37 !important;
  color: #0A0A0F !important;
}

/* Chakra tabs trigger — active state needs dark text on gold bg */
button.chakra-tabs__trigger[data-selected][aria-selected="true"],
button.chakra-tabs__trigger[aria-selected="true"][data-state="active"],
html body button[role="tab"][aria-selected="true"] {
  color: #0A0A0F !important;
}

/* Chakra Tag with gold (was blue.500) background — force dark text */
.chakra-tag[data-checked],
.chakra-tag[data-selected],
.chakra-tag[aria-pressed="true"],
.chakra-tag.is-active {
  color: #0A0A0F !important;
}
.chakra-tag[data-checked] .chakra-tag__label,
.chakra-tag[data-selected] .chakra-tag__label,
.chakra-tag[aria-pressed="true"] .chakra-tag__label,
.chakra-tag.is-active .chakra-tag__label {
  color: #0A0A0F !important;
}

/* Progress bars and badges */
.chakra-progress__filledTrack {
  background: #D4AF37 !important;
}
.chakra-badge {
  background: #D4AF37 !important;
  color: #0A0A0F !important;
}

/* Tab indicators */
[role="tablist"] [aria-selected="true"] {
  border-color: #D4AF37 !important;
  color: #D4AF37 !important;
}

/* Input focus */
input:focus,
textarea:focus {
  border-color: #D4AF37 !important;
  box-shadow: 0 0 0 1px #D4AF37 !important;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: var(--quan-bg);
}
::-webkit-scrollbar-thumb {
  background: var(--quan-border);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--quan-gold-dark);
}