/* Market module — dark skin
 * ---------------------------------------------------------------------------
 * market-scoped.css and market-v7-canonical.css are hash-locked and are NOT
 * edited. Neither is the module's own markup: verify-locked-content.mjs hashes
 * the <div class="market-module"> block byte-for-byte, so the skin cannot add a
 * class to it. The scope goes on a WRAPPER around the block instead, which sits
 * outside the hashed range:
 *
 *     <div class="market-dark">
 *       <div class="market-module" id="market-data"> … untouched … </div>
 *     </div>
 *
 * The module is driven almost entirely by ten custom properties declared on
 * .market-module itself, so the skin redefines those rather than chasing forty
 * selectors. What follows the token block is only the cases tokens cannot
 * reach: values hardcoded as rgba(0,35,73,…) in the SVG chart parts, and
 * --navy, which the module uses both as ink AND as a background. Redefining it
 * to a light ink means its three background uses have to be restated.
 *
 * Remove this file and the module reverts to its locked appearance exactly.
 */

/* ------------------------------------------------------------- the tokens -- */
.market-dark .market-module{
  --navy:#FFFDFA;          /* was ink; see the background restatements below */
  --paper:#0C1E31;         /* quad and switch grounds */
  --sand:#07182F;          /* the card behind the ribbon */
  --page:#031A2C;
  --taupe:rgba(255,253,250,.72);
  --muted:rgba(255,253,250,.52);
  --gold:#C4952A;
  --gold-bright:#E0C374;
  --green:#9CC49F;
  --orange:#E8A88E;
  color:rgba(255,253,250,.82);        /* .market-module sets #002349 directly */
  --edge:rgba(224,195,116,.26);       /* the module's rgba(150,110,30,…) borders */
}

/* ------------------------------------- the three places --navy is a ground -- */
.market-dark .market-module .wgs-ribbon{background:#04101F}
.market-dark .market-module .wgs-lsw button.on{background:rgba(224,195,116,.14);color:var(--gold-bright)}
.market-dark .market-module .wgs-ledger button.on{background:rgba(224,195,116,.13);border-color:rgba(224,195,116,.5)}
.market-dark .market-module .wgs-ledger button.on .nm{color:#FFFDFA}
.market-dark .market-module .wgs-seg .pin{background:#FFFDFA}
.market-dark .market-module .wgs-mast{border-bottom-color:rgba(224,195,116,.34)}

/* ------------------------------------------------- borders and inactive fills -- */
.market-dark .market-module .wgs-card,
.market-dark .market-module .wgs-quads,
.market-dark .market-module .wgs-lsw{border-color:var(--edge)}
.market-dark .market-module .wgs-card{box-shadow:none}
.market-dark .market-module .wgs-quad{border-color:rgba(224,195,116,.18)!important}
.market-dark .market-module .wgs-quad:nth-child(odd){border-right-color:rgba(224,195,116,.18)}
.market-dark .market-module .wgs-lsw button{border-color:rgba(224,195,116,.18);color:rgba(255,253,250,.72)}
.market-dark .market-module .wgs-ledger button{background:rgba(255,255,255,.04);
  border-color:rgba(224,195,116,.20);color:rgba(255,253,250,.86)}
.market-dark .market-module .wgs-foot{color:rgba(255,253,250,.48)}

/* -------------------------------------- values the module hardcodes on navy -- */
/* These carry rgba(0,35,73,…) literals, so no token reaches them. */
.market-dark .market-module .chart-grid{stroke:rgba(255,253,250,.10)}
.market-dark .market-module .chart-bar{fill:rgba(255,253,250,.16)}
.market-dark .market-module .chart-label{fill:rgba(255,253,250,.50)}
.market-dark .market-module .dial-track{stroke:rgba(255,253,250,.13)}
.market-dark .market-module .dial-label{fill:rgba(255,253,250,.50)}
.market-dark .market-module .key-bars:before{background:rgba(255,253,250,.20)}
.market-dark .market-module .wgs-seg .s3{background:rgba(255,253,250,.16)}
.market-dark .market-module .spark-fill{fill:rgba(224,195,116,.13)}