/* Faisal Liquidity — terminal theme, injected on faisaliquidity.trade only.
 * No rebuild: the app reads its palette from CSS variables, so overriding them here re-skins it without touching the
 * bundle that serves every other door. Colours taken from the supplied logo (mint #36DBB3 on near-black). */
:root,
.dark,
html.dark {
  --bg-base: #04080a;
  --bg-raised: #0a1512;
  --bg-overlay: #0b1a16;
  --text-brand: #3edbb3;
  --stroke-strong: rgba(62, 219, 179, .45);
  --stroke-brand-strong: rgba(62, 219, 179, .65);
}

/* the wordmark: FAISAL in white, LEVERAGE in mint */
#lf-brand {
  display: inline-flex;
  align-items: baseline;
  gap: 0;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
  font-family: "Manrope", ui-sans-serif, system-ui, sans-serif;
}
#lf-brand .lf-f {
  color: #ffffff;
  font-size: 1.02em;
}
#lf-brand .lf-l {
  background: linear-gradient(92deg, #7ff0cf 0%, #3edbb3 45%, #16b98d 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 1.02em;
  margin-left: .18em;
}
#lf-mark {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  margin-right: 8px;
  object-fit: cover;
  box-shadow: 0 0 0 1px rgba(62, 219, 179, .45), 0 2px 10px rgba(62, 219, 179, .25);
  vertical-align: -4px;
}

/* mint accents on the pieces that carry the brand colour */
.dark a[class*="orbit-paper-badge"] { border-color: rgba(62, 219, 179, .45) !important; color: #3edbb3 !important; }
.dark button[class*="brand"], .dark [class*="intent-brand"] { background: #3edbb3 !important; color: #04211a !important; }

/* chart candle palette: bullish white, bearish teal-green (read by the chart at init) */
:root, .dark, html.dark {
  --market-up: #ffffff;
  --market-down: #089981;
}