/* Site-wide palette and wordmark from theme.jpeg. Page structure stays intact. */
:root {
  --brand-burgundy: #71112e;
  --brand-header: #5f0922;
  --brand-gold: #e3c378;
  --page-background: #f5f1f2;
  --ink: #f5f1f2;
  --ink2: #fff;
  --card: #fff;
  --elev: #fff;
  --line: #e5dcdf;
  --line-soft: #eee8ea;
  --gold: #71112e;
  --gold-br: #71112e;
  --gold-dk: #590a22;
  --gold-mu: #71112e;
  --buy: #23834b;
  --sell: #c51d33;
  --txt: #2f3030;
  --txt2: #62636a;
  --txt3: #686b72;
  --r: 20px;
}

html, body {
  height: auto;
  min-height: 100%;
  overflow-x: clip;
  background: var(--page-background);
  color: var(--txt);
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}

body, body.scale-bg {
  min-height: 100vh;
  background: var(--page-background);
}

body.scale-bg::before,
body.scale-bg::after,
.gold-network,
.gold-network-progress { display: none; }

.top,
.site-footer {
  --gold: #e3c378;
  --gold-br: #f3d991;
  --gold-mu: #e3c378;
  --txt: #fff8ec;
  --txt2: #f3e5d8;
  --txt3: #e3c378;
  --line: rgb(227 195 120 / 28%);
  --line-soft: rgb(227 195 120 / 18%);
  background: var(--brand-header);
  color: var(--txt);
}

.top {
  flex-shrink: 0;
  border: 0;
  border-radius: 0 0 32px 32px;
  backdrop-filter: none;
  overflow: visible;
}

.brand {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  padding: 32px 48px 22px;
}

.brand .wordmark {
  display: block;
  width: min(100%, 560px);
  height: auto;
  background: none;
  filter: none;
  animation: none;
}

.bell { color: var(--brand-gold); }
.rate-action { color: var(--brand-gold); background: transparent; }

.livebar {
  background: rgb(255 255 255 / 6%);
  color: #f3e5d8;
  font-size: 11px;
  letter-spacing: .04em;
}

.marquee { background: rgb(255 255 255 / 6%); }
.marquee > div { color: var(--brand-gold); }

.desktop-nav {
  background: var(--brand-header);
  border-color: var(--line-soft);
  border-radius: 0 0 32px 32px;
}

.website-menu-toggle { color: var(--brand-gold); }
.dhome, .dgroup summary { color: #f3e5d8; }
.dhome:hover, .dgroup summary:hover,
.dhome.current, .dgroup.current summary {
  background: rgb(255 255 255 / 7%);
  color: var(--brand-gold);
}

.dropdown {
  background: var(--brand-header);
  box-shadow: 0 12px 28px rgb(71 14 34 / 18%);
}

.dropdown a { color: #f3e5d8; }
.dropdown a:hover, .dropdown a.current {
  color: var(--brand-gold);
  background: rgb(255 255 255 / 7%);
}

.dtrade {
  background: var(--brand-gold);
  color: var(--brand-header);
}

.site-footer { border-radius: 28px 28px 0 0; }
.footer-brand img {
  width: 270px;
  max-width: 100%;
  height: auto;
  margin: 0 auto 12px;
  filter: none;
}

.footer-brand p { color: #f3e5d8; }
.footer-group h2 { color: var(--brand-gold); }
.footer-group a { color: #f3e5d8; }
.footer-group a:hover { color: var(--brand-gold); }
.footer-bottom { color: #f3e5d8; }

.ptitle, .rth {
  background: var(--brand-burgundy);
  border-color: var(--brand-burgundy);
  color: var(--brand-gold);
}

.ptitle svg, .rth b { color: var(--brand-gold); }
.ptitle { border-radius: 16px; }
.rth { padding-block: 14px; }
.rth b { font-size: 12px; }
.cap { background: #f9f4f6; color: var(--brand-burgundy); }

.tcard, .rt, .trust, .panel, .card, .ba,
.home-card, .fact, .home-contact, .contact-method,
.market-chart-meta, .market-chart-board, .chart {
  background: #fff;
  border-color: var(--line);
  border-radius: 20px;
}

.tcard {
  padding-block: 16px;
  border: 0;
  box-shadow: 0 3px 5px rgb(48 30 35 / 5%);
}

.tcard b { color: var(--txt3); font-size: 11px; }
.tcard u { color: var(--txt); }
.row { border-color: var(--line-soft); }
.row .p strong { font-size: 13px; }
.row .v u { font-size: 18px; }
.mi.au { color: #956e22; }
.mi.ag { color: #62636a; }
.trust b, .panel h5 { color: var(--brand-burgundy); }
.tabs { background: #fff; }
.tabs .pill { background: var(--brand-burgundy); box-shadow: none; }
.tabs button.on { color: var(--brand-gold); }

.btn {
  background: var(--brand-burgundy);
  color: var(--brand-gold);
  box-shadow: none;
}

.btn:hover { background: var(--brand-header); }
.btn.ghost {
  background: #fff;
  border-color: var(--brand-burgundy);
  color: var(--brand-burgundy);
}

.btn.ghost:hover { background: #f9f4f6; }
.btn.buy { background: #23834b; color: #fff; }
.btn.sell { background: #c51d33; color: #fff; }
.btn.buy:hover { background: #1d6e3f; }
.btn.sell:hover { background: #a6182c; }

.fld input, .fld select, .fld textarea {
  background-color: #fff;
  color: var(--txt);
  border-color: #d9cbd0;
}

.fld input::placeholder, .fld textarea::placeholder { color: var(--txt3); }
.fld input[readonly] { background: #f9f5f6; color: var(--txt2); }
.fld input:focus, .fld select:focus, .fld textarea:focus {
  border-color: var(--brand-burgundy);
  box-shadow: 0 0 0 3px rgb(113 17 46 / 12%);
}

.seg button, .seg a { background: #fff; }
.seg button.on, .seg a.on {
  background: var(--brand-burgundy);
  color: var(--brand-gold);
  border-color: var(--brand-burgundy);
  box-shadow: none;
}

.ico { background: #fff; color: var(--brand-burgundy); }
.kv div { background: #fff; }
.kv div:nth-child(odd) { background: #f9f5f6; }
.tag.p { background: #f5e8ed; color: var(--brand-burgundy); }
.gauge .bg, .chart .ax { stroke: #e5dcdf; }
.gauge .fg { stroke: var(--brand-burgundy); }
.chart .scale { color: var(--txt2); }

.cta a, .cta a.wa { background: #fff; border-color: var(--line); }
.cta em, .cta a.wa em,
.contact-method em,
.home-card .card-icon {
  background: var(--brand-burgundy);
  color: var(--brand-gold);
}

.modal > div, .snack { background: #fff; color: var(--txt); }
.modal > div { box-shadow: 0 18px 40px rgb(71 14 34 / 20%); }
.modal h3 { color: var(--brand-burgundy); }
.snack { box-shadow: 0 8px 24px rgb(71 14 34 / 12%); }
.snack:not(.on) { visibility: hidden; }
.snack.on { visibility: visible; }
.snack .x { color: var(--brand-burgundy); }
.connection-banner { background: var(--brand-header); color: #fff8ec; }

.home-hero, .gold-network-page .home-hero {
  background: var(--brand-burgundy);
  border-color: var(--brand-burgundy);
}

.home-hero::before, .home-hero::after { display: none; }
.home-hero h1 { color: #fff8ec; }
.home-hero h1 span, .home-hero .eyebrow { color: var(--brand-gold); }
.hero-copy > p { color: #f3e5d8; }
.home-hero .btn { background: var(--brand-gold); color: var(--brand-header); }
.home-hero .btn.ghost { background: transparent; color: #fff8ec; border-color: var(--brand-gold); }
.section-nav { background: #fff; backdrop-filter: none; }
.section-nav a:hover, .section-nav a:focus { color: var(--brand-gold); background: var(--brand-burgundy); }
.gold-network-page .section-heading { background: none; }
.home-card:hover { box-shadow: 0 8px 24px rgb(71 14 34 / 10%); }
.home-card .text-link, .journey .home-card::before { color: var(--brand-burgundy); }

.market-chart-board { background: #fff; }
#chart-plot .chart-grid { stroke: #e5dcdf; }
#chart-plot text { fill: #62636a; font-family: Arial, Helvetica, sans-serif; }
#chart-plot .series-line, #chart-plot .chart-last { stroke: var(--brand-burgundy); }

.desktop-nav a:focus-visible,
.desktop-nav summary:focus-visible,
.website-menu-toggle:focus-visible,
.site-footer a:focus-visible { outline-color: var(--brand-gold); }

main a:focus-visible, main button:focus-visible { outline: 2px solid var(--brand-burgundy); outline-offset: 3px; }

@media (min-width: 900px) {
  .rate-action { top: 38px; }
  .bell { top: 36px; }
  .brand { padding-block: 28px 20px; }
  .footer-brand img { margin-left: 0; }
}

@media (max-width: 899px) {
  .footer-brand img { margin-left: 0; }
  .dtrade { color: var(--brand-gold); background: transparent; }
  .brand { padding-block: 36px 20px; }
}