/* Shared action palette: the approved homepage orange, at every screen size. */
:root {
  --action-highlight: #ff951a;
  --action-mid: #ff7a0a;
  --action-shade: #ec6000;
  --action-ink: #24150d;
  --action-text: #ff951a;
  --action-gradient: linear-gradient(110deg, var(--action-highlight) 0%, var(--action-mid) 48%, var(--action-shade) 100%);
  --action-shadow: 0 3px 10px #0000001f, inset 0 1px 0 #ffffff30, inset 0 -1px 0 #7c360029;
}
:root[data-theme="light"] { --action-text: #9f3c00; }
:root:root :is(.btn--primary, #nav-auth:not(.is-user), #teacher-modal .btn--primary,
  .hero-booking__trigger, .trial-sheet__next, .cal-card__book, .slotc:not(.is-mine) .slotc__btn,
  .cal-venue-switch, .view-toggle__btn.is-active, .filter__btn.is-active, .pass-tab.is-active,
  .auth-tab.is-active, .segbar__b.is-on, .ordbtn.is-on, .tsel__act, .ai-chat__send,
  .contact-fab__main, .video-modal__close, .calspot__tip button,
  .rc-btn--primary, .rc-key--go, .btn--hd[data-hdb="pay"], .btn--hd[data-hdb="pend"]) {
  --on-accent: var(--action-ink);
  background: var(--action-gradient);
  color: var(--action-ink);
  border-color: transparent;
  box-shadow: var(--action-shadow);
}
:root:root :is(.cal-chipd.is-sel strong, .date-chip.is-selected strong,
  .leave-date-chip.is-selected, .tldp__d.is-sel) {
  --on-accent: var(--action-ink);
  background: var(--action-gradient);
  color: var(--action-ink);
}
/* Secondary actions use the same orange family with legible theme-aware text. */
:root :is(.btn--ghost, .trial-sheet__back):not(.btn--danger-ghost) {
  color: var(--action-text);
  border-color: color-mix(in srgb, var(--action-mid) 42%, transparent);
}
:root :is(.btn--primary, .trial-sheet__next):disabled { box-shadow: none; }
.hero-booking__liquid > path:nth-of-type(1) { fill: url(#hero-action-left); }
.hero-booking__liquid > path:nth-of-type(2) { fill: url(#hero-action-right); }
.hero-booking__liquid stop:nth-child(1) { stop-color: var(--action-highlight); }
.hero-booking__liquid stop:nth-child(2) { stop-color: var(--action-mid); }
.hero-booking__liquid stop:nth-child(3) { stop-color: var(--action-shade); }
:root .hero-booking__choices button { color: var(--action-ink); }
/* The liquid SVG supplies the surface during the mobile split animation. */
@media (max-width: 700px) {
  :root:root #hero-booking .hero-booking__trigger { background: transparent; box-shadow: none; }
}