/* HYEDRAM reference gray palette — final, shared override */
:root{--hye-bg:#333443;--hye-bg-deep:#303241;--hye-panel:#424556;--hye-panel-hover:#4a4d60;--hye-muted:#9595a3;--hye-gold:#e3b21c;color-scheme:dark}
html,body{background-color:var(--hye-bg)}
.site-header,.hye-reference-topbar{background-color:#333443}
main{background-color:var(--hye-bg)}
/* Match the original website's distinct gray surfaces without flattening SVG artwork. */
#stablecoins-supply-chart.supply-chart-reference{background:var(--hye-bg)}
#stablecoins-supply-chart .supply-chart-graphic{background:var(--hye-panel)}
#stablecoins-supply-chart .supply-chart-graphic img{width:100%;height:auto;display:block}
.goals-reference,.stablecoins-screenshot-section,.hyeperk-reference,.why-works-reference{background-color:var(--hye-bg)}
.goal-card{background-color:var(--hye-panel)}
.goal-card:hover,.goal-card:focus-within{background-color:var(--hye-panel-hover)}
.goal-number{background-color:#454758;border-bottom-color:var(--hye-bg)}
/* Gray surfaces across all pages: panels, cards, tab and accordion content. */
.card:not(.bg-transparent),.accordion-item,.accordion-body,.tab-pane,.hye-surface,.feature-card,.perk-card,.service-card{background-color:var(--hye-panel);color:#f7f7fb}
.card:not(.bg-transparent):hover,.feature-card:hover,.perk-card:hover,.service-card:hover{background-color:var(--hye-panel-hover)}
.accordion-button{background-color:#424556;color:#fff}
.accordion-button:not(.collapsed){background-color:#4a4d60;color:#fff}
.accordion-button::after{filter:grayscale(1) brightness(3)}
/* Preserve gold highlights and original chart's vector colors. */
@media(max-width:767px){#stablecoins-supply-chart.supply-chart-reference{padding-inline:8px}}

/* Four consecutive homepage sections: unified reference charcoal-gray */
:root{--hye-section-gray:#383a48;--hye-section-panel:#454756;--hye-section-soft:#404251}
#about-hye.hye-about-reference,
#hyeperks.hyeperk-screenshot-section,
#why-hyedram.why-works-reference,
#stablecoins.stablecoins-screenshot-section{background:#383a48 !important;background-color:#383a48 !important}
#about-hye .hye-about-wrap,
#hyeperks .hyeperk-reference-inner,
#why-hyedram .why-works-container,
#stablecoins .stablecoins-inner{background-color:transparent}
#why-hyedram .why-works-item{background-color:#404251; border-radius:3px; padding:24px 26px 30px; transition:background-color .25s ease,transform .25s ease}
#why-hyedram .why-works-item:hover,#why-hyedram .why-works-item:focus-within{background-color:#494b5b;transform:translateY(-3px)}
@media(max-width:767px){#why-hyedram .why-works-item{padding:22px 20px}}

/* Goal of HYECoin, Inc.: match the charcoal gray of adjacent homepage sections */
#goals.goals-reference{background:#383a48 !important;background-color:#383a48 !important}
#goals .goals-container{background:transparent}
#goals .goal-card{background:#454756 !important;transition:background-color .25s ease,transform .25s ease,box-shadow .25s ease}
#goals .goal-card:hover,#goals .goal-card:focus-within{background:#4d5060 !important}
#goals .goal-number{background:#494b5a !important;border-bottom-color:#383a48 !important}
#goals .goal-card p{color:#b0b0bb}