/* HighIQTrade brand layer — colours and type taken from the bull logo.
   Loaded after each page's own styles, so it overrides the old cream + coral theme
   without touching the page files. Navy = #1B2136, logo gold = #D8A03C. */

html:root{
  --ink:#1B2136; --ink-2:#3A4260; --navy:#1B2136; --muted:#7D8297;
  --bg:#FAF6EE; --bg-soft:#F3EDE0; --line:#ECE4D3;
  --gold:#D8A03C; --gold-deep:#A0721E; --gold-dark:#A0721E;
  --grad:linear-gradient(100deg,#1B2136 0%,#2D3757 100%);
  --grad-soft:linear-gradient(100deg,#FBF1D6,#F4E4BE);
  --shadow:0 10px 30px rgba(27,33,54,.08); --shadow-sm:0 4px 14px rgba(27,33,54,.06);
  /* scanner / backtest pages */
  --accent:linear-gradient(100deg,#1B2136 0%,#2D3757 100%); --accent-deep:#A0721E;
  --surface-2:#F3EDE0; --surface-soft:#F3EDE0;
  --font-head:"Nunito","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

/* ---- type: rounded geometric headings to match the wordmark ---- */
h1,h2,h3,.page-head h1,.hero h1,.sym,.lr-card h3,.botcard .nm,.panel h3,.card-head h2{font-family:var(--font-head);letter-spacing:-.01em}
h1,.page-head h1{font-weight:800}
h2,h3{font-weight:800}

/* ---- buttons: navy with cream text, gold focus ---- */
.btn,.primary,.deploy a{color:#FFF8EA;box-shadow:0 8px 20px rgba(27,33,54,.20)}
.btn:hover,.primary:hover{box-shadow:0 12px 26px rgba(27,33,54,.26)}
.btn-ghost,.btn.ghost{color:var(--ink);background:#fff;box-shadow:var(--shadow-sm)}
.btn-ghost:hover,.btn.ghost:hover{border-color:var(--gold)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(216,160,60,.55);outline-offset:2px}

/* ---- accents ---- */
.hero h1 .gold{background:linear-gradient(100deg,#E2B04A,#A0721E);-webkit-background-clip:text;background-clip:text;color:transparent}
.signout .avatar,.avatar{background:#1B2136!important;color:#F2CB6B!important}
.nav-item.active,.nav a[aria-current="page"]{background:linear-gradient(100deg,#F2CB6B,#D8A03C);color:#1B2136}
.tab[aria-selected="true"]{border-bottom-color:#D8A03C}
.fill{background:#D8A03C}
input[type=range]{accent-color:#D8A03C}
.card::before{background:linear-gradient(100deg,#F2CB6B,#D8A03C)}

/* ---- logo before the app script swaps in the image (no flash of the old mark) ---- */
.brand:not(.hiq-brand){font-size:0!important;color:transparent!important;min-width:180px;height:66px;
  background:url(../media/wordmark-light-128.png) left center/contain no-repeat}
html[data-theme="dark"] .brand:not(.hiq-brand){background-image:url(../media/wordmark-dark-128.png)}
.brand:not(.hiq-brand) > *{display:none!important}
@media(max-width:980px){.brand:not(.hiq-brand){height:44px;min-width:120px}}