/* B2C V2 Ring: Home palette, without altering scoring or interaction markup. */
html:not([data-store="true"]) #compareView,
html:not([data-store="true"]) #ringueView{
  --lime:#b49b78;
  --ring-ink:#303a34;
  --ring-gold:#b49b78;
  --ring-sage:#64786b;
  --ring-line:#dadbd3;
}
html:not([data-store="true"]) #compareView .page-kicker,
html:not([data-store="true"]) #ringueView .page-kicker,
html:not([data-store="true"]) #ringueView .ringue-label,
html:not([data-store="true"]) #ringueView .ringue-champion small{
  color:#927650!important;
}
html:not([data-store="true"]) #compareView .text-input,
html:not([data-store="true"]) #compareView input{
  border-color:#c5c9bf!important;
}
html:not([data-store="true"]) #compareView .text-input:focus,
html:not([data-store="true"]) #compareView input:focus{
  outline-color:#b49b78!important;border-color:#b49b78!important;
}
html:not([data-store="true"]) #compareView .primary-btn,
html:not([data-store="true"]) #ringueView .primary-btn,
html:not([data-store="true"]) #ringueView .ringue-footer-actions .primary-btn{
  background:#303a34!important;border-color:#303a34!important;color:#fff!important;
}
html:not([data-store="true"]) #compareView .primary-btn:not(:disabled):hover,
html:not([data-store="true"]) #ringueView .primary-btn:not(:disabled):hover{
  background:#b49b78!important;border-color:#b49b78!important;color:#252c27!important;
}
html:not([data-store="true"]) #compareView .primary-btn:disabled{
  background:#e7e7e0!important;border-color:#deded5!important;color:#8c918a!important;opacity:1!important;cursor:not-allowed;
}
/* Keep the comparison action beside the selection, without an oversized blank band. */
html:not([data-store="true"]) #compareView .ringue-select-card{padding:22px!important}
html:not([data-store="true"]) #compareView .ringue-select-card .selector-stack{gap:10px!important}
html:not([data-store="true"]) #compareView .action-row{margin:8px 0 0!important}
html:not([data-store="true"]) #compareView #comparePhaseMessage{margin:0!important;padding:12px 15px!important;border-radius:9px!important}
html:not([data-store="true"]) #compareView #compareAction:not(:disabled){animation:scentgo-ring-ready 1.65s ease-in-out infinite!important}
@keyframes scentgo-ring-ready{0%,100%{box-shadow:0 0 0 0 rgba(180,155,120,.38)}50%{box-shadow:0 0 0 8px rgba(180,155,120,0)}}
@media(prefers-reduced-motion:reduce){html:not([data-store="true"]) #compareView #compareAction{animation:none!important}}
html:not([data-store="true"]) #compareView .back-link,
html:not([data-store="true"]) #ringueView .back-link,
html:not([data-store="true"]) #ringueView .ghost-btn,
html:not([data-store="true"]) #ringueView .secondary-btn{
  background:#fffdfa!important;color:#303a34!important;border-color:#d8d8ce!important;
}
html:not([data-store="true"]) #compareView .back-link:hover,
html:not([data-store="true"]) #ringueView .back-link:hover,
html:not([data-store="true"]) #ringueView .ghost-btn:hover,
html:not([data-store="true"]) #ringueView .secondary-btn:hover{
  background:#eeeae1!important;border-color:#b49b78!important;
}
html:not([data-store="true"]) #ringueView .ringue-side{
  background:#b49b78!important;border-color:#b49b78!important;color:#202923!important;
}
html:not([data-store="true"]) #ringueView .ringue-vs span{
  background:#303a34!important;border-color:#303a34!important;color:#fff!important;
}
html:not([data-store="true"]) #ringueView .ringue-bar-fill,
html:not([data-store="true"]) #ringueView .sgs-fill,
html:not([data-store="true"]) #ringueView .sgs-track.a .sgs-fill{
  background:#b49b78!important;
}
html:not([data-store="true"]) #ringueView .sgs-track.b .sgs-fill{
  background:#64786b!important;
}
html:not([data-store="true"]) #ringueView .ringue-bar-track,
html:not([data-store="true"]) #ringueView .sgs-track{
  background:#e8e9e2!important;
}
html:not([data-store="true"]) #ringueView .sgs-round-name,
html:not([data-store="true"]) #ringueView .value-match-round .sgs-round-name,
html:not([data-store="true"]) #ringueView .quick-result b,
html:not([data-store="true"]) #ringueView .value-score-pill b{
  color:#44574b!important;
}
html:not([data-store="true"]) #ringueView .quick-question{
  border-color:#d5d9ce!important;background:#fffdfa!important;color:#303a34!important;
}
html:not([data-store="true"]) #ringueView .quick-question:hover{
  background:#f4f1e9!important;border-color:#b49b78!important;
}
html:not([data-store="true"]) #ringueView .quick-question.active{
  background:#f4f0e7!important;border:2px solid #b49b78!important;
  box-shadow:0 0 0 3px rgba(180,155,120,.13)!important;
}
html:not([data-store="true"]) #ringueView .quick-result,
html:not([data-store="true"]) #ringueView .value-match-round,
html:not([data-store="true"]) #ringueView .value-score-pill{
  background:#f6f3ec!important;border-color:#ded6c6!important;color:#303a34!important;
}
html:not([data-store="true"]) #ringueView .radar-launch-btn{
  background:#f4f1e9!important;border-color:#d7c8b1!important;color:#303a34!important;
}
html:not([data-store="true"]) #ringueView .radar-launch-icon{
  background:#303a34!important;color:#fff!important;
}
html:not([data-store="true"]) #ringueView .radar-launch-arrow{color:#927650!important}
html:not([data-store="true"]) #ringueView .try-btn.selected{
  background:#ebe5d8!important;border-color:#b49b78!important;color:#303a34!important;
}