.menuButton, .backButton, .confirmButton { color:#111; }
.btn-orange { background: linear-gradient(180deg,#ffa63a,#ff8a00 60%,#f07b00); }
.btn-purple { background: linear-gradient(180deg,#b8a2ff,#8da3ff 60%,#7f8bff); }
.btn-yellow { background: linear-gradient(180deg,#ffe36a,#ffd340 60%,#ffc400); }
.btn-teal   { background: linear-gradient(180deg,#5bf2cc,#49e2f6 60%,#2fd0ea); }
.btn-red    { background: linear-gradient(180deg,#ff9aa4,#ff6b6b 60%,#ff4747); }
.btn-blue   { background: linear-gradient(180deg,#93caff,#6bb4ff 60%,#4aa5ff); }
.btn-green  { background: linear-gradient(180deg,#91f7a1,#45e58f 60%,#1fd37a); }
/* Ensure top gloss sheen stays visible */
.menuButton::after, .backButton::after, .confirmButton::after{ mix-blend-mode: screen; }