/* One palette for feature buttons, including the demo's two-color ramp. */
:root{
 --bull-orange-start:#d95700;--bull-orange-mid:#f07800;--bull-orange-end:#ffad16;
 --bull-green-start:#12b96b;--bull-green-end:#087c48;
 --bull-navy-start:#071d36;--bull-navy-mid:#0b385a;--bull-navy-end:#176ca1;
 --bull-orange-gradient:linear-gradient(100deg,var(--bull-orange-start) 0%,var(--bull-orange-mid) 52%,var(--bull-orange-end) 100%);
 --bull-green-gradient:linear-gradient(110deg,var(--bull-green-start),var(--bull-green-end));
 --bull-navy-gradient:linear-gradient(100deg,var(--bull-navy-start) 0%,var(--bull-navy-mid) 48%,var(--bull-navy-end) 100%);
}
html[data-theme="dark"]{
 --bull-orange-start:#713200;--bull-orange-mid:#a94f00;--bull-orange-end:#c87900;
 --bull-green-start:#087c48;--bull-green-end:#065433;
}
html[data-theme] body .comparison-entry-row .pulse-entry{background:var(--bull-orange-gradient)!important}
html[data-theme] body .my-chart-cta{background:var(--bull-orange-gradient)}
html[data-theme] body .compare-entry,
html[data-theme] body .portfolio-cta,
html[data-theme] body .stock-feature-portfolio{background:var(--bull-green-gradient)}
html[data-theme] body .comparison-entry-row .market-pulse-entry,
html[data-theme] body .stock-feature-my{background:var(--bull-navy-gradient)}
html[data-theme] body .demo-trade-toggle{background:linear-gradient(100deg,var(--bull-orange-start) 0%,var(--bull-orange-mid) 25%,var(--bull-orange-end) 48%,var(--bull-green-start) 56%,var(--bull-green-end) 100%)}
html[data-theme] body .stock-demo-toggle{background:linear-gradient(100deg,var(--bull-navy-start) 0%,var(--bull-navy-mid) 25%,var(--bull-navy-end) 48%,var(--bull-green-start) 56%,var(--bull-green-end) 100%)}